jQuery multiple selector with $(this)

jquery jquery-selectors this getelementbyid multiple-instances
Lukáš Řádek picture Lukáš Řádek · Jul 6, 2013 · Viewed 7.7k times · Source

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 I want one of those two to be "this" I cannot get it to work.

Answer

krishwader picture krishwader · Jul 6, 2013

Problem with your approach

$(this, '#foo')

The above line will search for this inside an element with id set to foo, which isn't what you want here.

Solution

You can use add() for this :

var $el = $(this).add('#foo')

Now $el will contain $(this) & $("#foo") on which you can perform operations on.

More info on the methods used

add("selector")

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
Hide all but $(this) via :not in jQuery selector

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(); });

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