jQuery - 排除被点击元素的父级

Question

我必须在jQuery元素集（'.fav'）中排除单击元素的父元素。 有人对我有什么建议怎么做？

$('.fav .favFrame').click(function(){
    $('.fav').fadeOut(400);          //exclude the .fav that child .favFrame was clicked here
});

THX

Answer 1

试试这个：

$('.fav .favFrame').click(function(){
    var notThis = $('.fav').not($(this).parent());
    notThis.fadeOut(400); //fade all except this parent
});

小提琴：http://jsfiddle.net/maniator/djx2M/

Answer 2

使用.not()：

$('.fav .favFrame').click(function(){
    $('.fav').not($(this).parent()).fadeOut(400); //exclude the .fav that child .favFrame was clicked here
});

Answer 3

试试这个（即使.fav不是favFrame的直接父级，这也有效）：

$('.fav .favFrame').click(function(){     
    $('.fav').not($(this).closest(".fav")).fadeOut(400);
});

Answer 4

$('.fav .favFrame').click(function() {
    var myParent = $(this).closest('.fav');
    $('.fav').not(myParent).fadeOut(400);
});

这样，你不想淡出的元素根本不会受到影响。