jQuery是一个优秀的JavaScript库。在DOM元素的操作中,jQuery代码非常简洁,而且这个库有大量的函数可以让我们进行DOM元素的操作。今天,我们来学习如何移除ul下的li元素。
//HTML代码 <ul id="fruitList"> <li>苹果</li> <li>梨子</li> <li>香蕉</li> <li>西瓜</li> </ul>
要移除ul下的所有li元素,我们可以使用jQuery选择器选择ul下的所有li元素,并通过remove()函数将其移除。
//JavaScript代码 $(document).ready(function(){ $("ul#fruitList li").remove(); });
在上面的代码中,我们使用了jQuery选择器$("ul#fruitList li"),选择了id为fruitList的ul元素下的所有li元素。最后使用remove()函数将其移除。
也可以使用empty()函数将ul元素的所有内容清空,这样就会同时把所有li元素全部清空,也可以达到移除li元素的效果。
//JavaScript代码 $(document).ready(function(){ $("ul#fruitList").empty(); });
这就是使用jQuery移除ul下的li元素的方法。无论是使用remove()函数还是empty()函数,都可以轻松地实现移除ul下的li元素的操作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。