jq從父節(jié)點(diǎn)中刪除子節(jié)點(diǎn)

更新時(shí)間：2022-08-30 09:22:36 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽1997次

相信大家對(duì)jQuery教程已經(jīng)有所了解，那么，要在 jQuery 中從父節(jié)點(diǎn)中刪除所有子節(jié)點(diǎn)，請(qǐng)使用 empty() 方法。

例子

jQuery empty() 方法從 DOM 中刪除匹配元素集的所有子節(jié)點(diǎn)。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function() {
    $("#demo").empty();
  });
});
</script>
</head>
<body>
<ul id='demo'>
  <li>India</li>
  <li>US</li>
  <li>UK</li>
</ul>
<button>Remove all child nodes</button>
</body>
</html>

通過(guò)上述介紹，相信大家對(duì)jq從父節(jié)點(diǎn)中刪除子節(jié)點(diǎn)的方法已經(jīng)有所了解，大家如果想了解更多相關(guān)知識(shí)，不妨來(lái)關(guān)注一下動(dòng)力節(jié)點(diǎn)的jQuery視頻教程，里面的課程內(nèi)容細(xì)致全面，通俗易懂，很適合沒(méi)有基礎(chǔ)的小伙伴學(xué)習(xí)，希望對(duì)大家能夠有所幫助。

上一篇HTML中的img標(biāo)簽屬性下一篇Java自動(dòng)裝箱和拆箱

相關(guān)閱讀