Javascript 选择除兄弟元素和自身之外的所有元素

两张无序的名单。当将鼠标悬停在一个列表项上时，我需要使另一个列表中的列表项变暗，但不需要使悬停列表项自身的同级变暗

使用下面的代码，我可以使所有其他列表项变暗，但悬停的列表项除外，但我似乎无法使兄弟姐妹进入等式

HTML:

对于任何建议我将鼠标悬停在整个无序列表上的人来说，由于设计的某些限制，这是不可能的：/

使用

.closest（'ul'）

查找此列表，然后只对其同级进行操作

$（'.tn'）。悬停(
函数（）{
var thislist=$（this）.closest（'ul'）；
var otherlists=thislist.sibbines（'ul'）；
otherlists.find（'.tn'）.css({
“-webkit过滤器”：“亮度（15%）”
});
},
函数（）{
$（“.tn”）.css({
“-webkit过滤器”：“亮度（100%）”
});
}
);
















您想要相反的ul，因此允许遍历到当前ul的父级，然后跳到另一个ul

$('.tn').hover(function(){
   var $currentList = $(this).parent();
   var $otherListItems = $currentList.siblings('ul').find('.tn');
   $otherListItems.doSomething();

},function(){
  /* similar */

})

html:

是的，我刚刚意识到这很有效。非常感谢。
$('.tn').hover(
function() {
    $(".tn:not(:hover)").not(this).css({"-webkit-filter":"brightness(15%)"});
},
function() {
    $(".tn").css({"-webkit-filter":"brightness(100%)"});
}
);

$('.tn').hover(function(){
   var $currentList = $(this).parent();
   var $otherListItems = $currentList.siblings('ul').find('.tn');
   $otherListItems.doSomething();

},function(){
  /* similar */

})

<ul class="tnparent">

$('.tnparent:not(:hover) .tn').css({"-webkit-filter":"brightness(15%)"})