Instead of using $(this) what else can I use?

Question

I have the following code I want to edit:

$('.tab').click(function() {
    $(this).addClass('active').siblings().removeClass('active');
});

Instead of using $(this), why can't I do the following:

$('.tab').click(function() {
    $('.tab').click(function().addClass('active').siblings().removeClass('active');
});

If that is never going to work, how can I recreate the initial code without having to use $(this)?

`$(this)` refers to the specific one that triggered the function. `$('.tab')` refers to all of them. — Niet the Dark Absol, May 10 '17 at 18:48
I guess the true question is _why_ do you not want to use `$(this)` to get the jQuery object of the current scope element? This has a strong [XY Problem](https://meta.stackexchange.com/a/66378) smell. — h2ooooooo, May 10 '17 at 18:51
Why do you not want to use `this`? Is there a reason you are trying to find a different way? — AtheistP3ace, May 10 '17 at 18:51
Still curious why you dont want to use `this` @Disguy. also you should check an answer that worked. These people took their time to give you an answer ;) — jdmdevdotnet, May 10 '17 at 22:14

Jordan Soltman · Answer 1 · 2017-05-10T19:43:40.613

1

Not entirely sure why you want to do this, but here is a way to avoid using "this".

$(".tab").click(function(ev){
    $(ev.currentTarget).addClass('active').siblings().removeClass('active');
});

edited May 10 '17 at 19:43

answered May 10 '17 at 18:52

Jordan Soltman

score 0 · Answer 2 · edited May 23 '17 at 11:54

0

$('.tab') refers to all elements with class="tab", $(this) refers to the one element with class="tab" that was just clicked.

edited May 23 '17 at 11:54

Community

answered May 10 '17 at 18:50

Travis J

2 Answers2