jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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,请注明来意。