温馨提示×

jquery如何删除子元素

养鱼的猫咪
240
2021-05-14 13:51:56
栏目: 编程语言

在jquery中删除子元素的方法:1.新建html项目,引入jquery;2.在项目中创建html元素;3.使用children()选择子元素,并用remove()删除;

jquery如何删除子元素

具体步骤如下:

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

});

})

0