大佬教程收集整理的这篇文章主要介绍了jquery将类添加到除1之外的所有兄弟节点,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<ul id="items"><li><a href="">Link</a></li><li><a href="">Link</a></li><li class="divider"></li><li><a href="">Link</a></li><li><a href="">Link</a></li></ul>
当我点击任何锚点时,我想为所有li添加一个类,除了我点击的链接的父级和带有“divider”类的li.
我可以让它与所有兄弟姐妹一起工作:
$(this).parent().siblings().attr("class","transparent");
那么如何通过“divider”类忽略li呢?
非常感谢.
.not
命令从您不想要的集合中过滤掉任何内容.这是传递CSS的替代方法:不是Matt提到的伪类选择器.
$(this).parent().siblings().not(".divider").addClass("transparent");
使用.addClass
和.removeClass
也可能更好
编辑:
jQuery很糟糕,使用DOM;)
link.addEventListener("click",function addClasses() { var li = this.parentNode,lis = li.parentNode.children; [].forEach.call(lis,function addClassIfCorrect(el) { var classList = el.classList if (el !== li && !classList.contains("divider")) { classList.add("transparent"); } }); });
以上是大佬教程为你收集整理的jquery将类添加到除1之外的所有兄弟节点全部内容,希望文章能够帮你解决jquery将类添加到除1之外的所有兄弟节点所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。