Cacher tout sauf $(this) via :not dans le sélecteur jQuery

Question

Titre avancé, question simple :

Comment puis-je faire ce qui suit en jQuery (en cachant tout sauf les éléments suivants $(this) ) ?

$("table tr").click(function() {
    $("table tr:not(" + $(this) + ")").hide();
    // $(this) is only to illustrate my problem

    $("table tr").show();
});

Answer 1

$(this).siblings().hide();

Traversée/frères et sœurs

Answer 2

$("table.tr").not(this).hide();

---

En passant, je pense que vous voulez dire $("table tr") (avec un espace au lieu d'un point).
De la façon dont vous le faites, il sélectionne chaque table qui a une classe de tr (ex, <table class="tr"> ), ce qui n'est probablement pas ce que vous voulez.

Pour plus d'informations, voir le documentation .

Answer 3

Si vous voulez combiner not() avec d'autres sélecteurs, vous pouvez utiliser add() :

$('a').click(function(e){
  $('a').not(this).add('#someID, .someClass, #someOtherID').animate({'opacity':0}, 800);
});

Ce qui a pour effet de faire disparaître tous les autres liens, à l'exception de celui sur lequel on a cliqué, et de faire disparaître en plus certains identifiants et classes choisis.

Answer 4

Je pense qu'une solution peut être la suivante :

$("table.tr").click(function() {
    $("table.tr:not(" + $(this).attr("id") + "").hide(); // $(this) is only to illustrate my problem
    $(this).show();
})

--EDIT pour commentaire :

$("table.tr").click(function() {
    $("table.tr:not(#" + $(this).attr("id") + ")").hide(); // $(this) is only to illustrate my problem
    $(this).show();
})