jQuery的添加类的所有兄弟姐妹，除了1

Question

我有像这样的列表：

<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> 

当我点击任何一个锚我想添加一个类的所有李时珍除的父我点击的链接和“divider”类的li。

我可以得到它与所有与此有关的兄弟姐妹工作：

$(this).parent().siblings().attr("class", "transparent"); 

那么，如何得到它忽略的“分水岭”类里？

非常感谢。

Answer 1

您还可以使用.not命令从一组不希望过滤掉任何东西。这是一个替代传递在Matt提到的伪类选择器的CSS :not。

$(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"); 
     } 
    }); 
}); 

Answer 2

您可以排除在您的通话将divider类siblings：

$(this).parent().siblings(':not(.divider)').attr("class", "transparent");