怎麼去除HTML中沒有ID的元素
- 青灯夜游原創
- 2021-12-03 10:38:532052瀏覽
移除HTML中沒有ID元素的方法：1、使用「$("父元素").children(":not([id])")」語句取得到所有需要移除的沒有ID的元素；2、使用remove()方法刪除所獲得的元素即可，語法「沒有ID的元素.remove()」。
本教學操作環境：windows7系統、HTML5&&jquery1.10.2版本、Dell G3電腦。
去移除HTML中沒有ID的元素
#可以藉助jquery中的選擇器與方法，實作程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("#but").click(function(){
$("div").children(":not([id])").remove();
});
});
</script>
</head>
<body>
<div>
<h1>没有id的标题</h1>
<h1 id="h1">有id的标题</h1>
<div>没有id的div</div>
<div id="p">有id的div</div>
<p>没有id的段落</p>
<p id="p">有id的段落</p>
</div>
<button id="but">去除没有ID的元素</button>
</body>
</html>
說明：
children()方法傳回被選取元素的所有直接子元素。:not()選擇器選取除了指定元素以外的所有元素。[attribute]選擇器選取每個帶有指定屬性的元素。remove()方法移除被選元素，包括所有的文字和子節點。
相關影片教學推薦：jQuery教學（影片）
以上是怎麼去除HTML中沒有ID的元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn