在jquery中刪除子元素的方法:1.新建html項目,引入jquery;2.在項目中創建html元素;3.使用children()選擇子元素,并用remove()刪除;
具體步驟如下:
1.首先,在新建一個html項目,在項目中引入jquery;
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
2.引入jquery后,在項目中創建html元素,用于測試;
<div class="top"><div>
<li></li>
<li></li>
</div>
<div>
<li></li>
<li></li>
</div>
</div>
3.最后,html元素創建好后,使用children()方法選擇子元素,并用remove()方法即可刪除子元素;
#刪除div中的li子元素
$(function(){
$("div.top div").click(function() {
$(this).children('li').remove();
});
})