Проблема с выбором jquery

Question

Как выбрать все дочерние элементы в пределах определенного <div>, за исключением активного? Например:

<div> 
    <a id="1" class="item" href="#">Item 1 </a> 
    <a id="2" class="item" href="#">Item 2 </a> 
    <a id="3" class="item" href="#">Item 3 </a> 
</div> 

<script> 
$(function() { 
    $(".item").mouseover(function() { 


     // HOW TO hide all the items with class item except this one 


    }); 
}); 

Answer 1

Вы можете использовать .not() исключить this (текущий элемент), например:

$(function() { 
    $(".item").mouseover(function() { 
     $(".item").not(this).hide(); 
    }); 
}); 

Или, если они всегда братья используют .siblings(), как это:

$(function() { 
    $(".item").mouseover(function() { 
     $(".item").siblings().hide(); 
    }); 
}); 

Answer 2

$('.item').not($(this).show()).hide(); 

Answer 3

Подумайте об этом по-другому ... Скрыть все, а затем показать мне:

$(function() { 
    $(".item").mouseover(function() { 

     // Hide all: 
     $('.item').hide(); 

     // Show "me": 
     $(this).show(); 


    }); 
}); 

Answer 4

Вы можете использовать селектор $(this) для исключения элемента при наведении мыши.