jquery如何删除子元素

在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();
});
})