How to combine jquery selector with 'this'

Question

I want to combine these two statements into one.

$("#thing1, #thing2").toggleClass('myClass');
$(this).toggleClass('myClass');

Instincts told me this might work:

$("#thing1, #thing2", this).toggleClass('myClass');

but after some research, I discovered it is equivalent to this:

$(this).find("#thing1, #thing2").toggleClass('myClass');

I can't find anything in the documentation about doing this.

Does this answer your question? [Multiple selector chaining in jQuery?](https://stackoverflow.com/questions/5736811/multiple-selector-chaining-in-jquery) — Garv, Apr 19 '23 at 13:11
@GarvSahu That does not appear to work with the 'this' keyword — Uuuuuumm, Apr 19 '23 at 13:18
@AdityaParab That's effectively the same as what OP's instincts told them, but did not work. — Ivar, Apr 19 '23 at 13:24

score 4 · Accepted Answer · answered Apr 19 '23 at 13:11

4

Have a look at add():

$("#thing1, #thing2").add(this).toggleClass('myClass');

answered Apr 19 '23 at 13:11

Moritz Ringler

9,772
9
21
34

score 2 · Answer 2 · answered Apr 19 '23 at 13:13

You could use $.merge

$('span').on('click', function() {
  $.merge($(this), $("#thing1, #thing2")).toggleClass('red')
});

.red {
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="thing1">thing1</div>
<div id="thing2">thing2</div>
<span>click</span>

How to combine jquery selector with 'this'

2 Answers2