jquery ul li 操作

这篇博客探讨了jQuery对ul下li的操作,包括使用remove()删除节点及其后代,detach()移除元素但保留事件和数据,以及empty()清空节点内容。此外,还介绍了如何动态为ul添加li和利用ul li创建横向导航。
摘要由CSDN通过智能技术生成

删除ul下的li包括节点

$('ul li').remove();

$('ul li').each(function(){
    $(this).remove();
}); 

$("ul").find("li").remove(); 

$('ul').children().filter('li').remove();

注:

1、当某个节点用remove()方法删除后,该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。

2、detach()和remove()一样,也是从DOM中去掉所有匹配的元素。但需要注意的是,这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据都会保留下来。

3、严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。


动态为ul添加li

//获取行业信息,在页面点击父类行业下
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值