Несколько селекторов, использующих эту переменную

Question

Я создал небольшую вкладку на веб-сайте. При щелчке jQuery захватывает данные-слайды и использует эту информацию для поиска соответствующего идентификатора и применения класса.

<div class="service-link" data-slide="#post-123">Click Me</div> 

'target' не получает активный класс, применяемый к нему, когда я использую 'this' и target в той же строке.

$(this, target).addClass("active"); 

Это работает, если я использую две линии. Кто-нибудь знает, почему я не могу использовать одну строку?

$(this).addClass("active"); 
$(target).addClass("active"); 

Полный Рабочий скрипт -

$(".service-link").click(function(){ 
    var target = $(this).data("slide"); 
    $(".service-type-slide, .service-link").removeClass("active"); 
    $(target).addClass("active"); 
    $(this).addClass("active"); 
})` 

Answer 1

Вы можете использовать метод add() для достижения этой цели:

$(this).add(target).addClass("active"); 

Example Here

---

Вы пытаетесь :

$(this, target).addClass("active"); 

, которая в основном эквивалентно использованию:

$(target).find(this).addClass("active"); 

Вот почему он не работает.

Вы можете увидеть пример, демонстрирующий это here.

Answer 2

Я думаю, что:

$(this, target) 

попытается найти элемент узла (который это сослаться) в целевом контексте. но он его не найдет, потому что цель не содержит этого элемента