Проблема выбора 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

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

Answer 4

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

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

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

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


    });
});