Hide all but $(this) via :not in jQuery selector

jquery jquery-selectors this
Kordonme picture Kordonme · Aug 25, 2009 · Viewed 87.4k times · Source

Advanced title, simple question:

How can I do the following in jQuery (hiding everything except $(this))?

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

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

Answer

Alex Gyoshev picture Alex Gyoshev · Aug 25, 2009 
$(this).siblings().hide();

Traversing/Siblings

Related questions

How can I exclude $(this) from a jQuery selector?

I have something like this: <div class="content"> <a href="#">A</a> </div> <div class="content"> <a href="#">B</a> </div> <div class="…

Read More
jQuery multiple selector with $(this)

is there any way to make this work: $(this, '#foo') with that I want to select "this" element and #bar as well. For selecting let's say two IDs, it is just as easy as '#foo, #bar', but when …

Read More
Set select option 'selected', by value

I have a select field with some options in it. Now I need to select one of those options with jQuery. But how can I do that when I only know the value of the option that must be selected? …

Read More