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

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

Answer 2

您可以使用.not()排除this（当前元素），如下所示：

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

或者，如果他们总是兄弟姐妹使用.siblings()，就像这样：

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

Answer 3

不同地想一想......全部隐藏，然后告诉我：

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

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

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


    });
});

Answer 4

您可以使用$(this)选择器除鼠标上的项目外。