Получить конкретный div с классом селектора, хранящимся в переменной jQuery

Question

Предположим, я использую переменную для замены селектора jQuery следующим образом:

var $someDiv = $('.some-div');

И у меня была серия div с именем этого класса:

<div class='some-div'></div>
<div class='some-div'></div>
<div class='some-div'></div>

Если один изу них должен был быть дополнительный класс, скажем .additional-class, как я мог бы выбрать его, используя переменную?

Answer 1

Вы можете использовать .filter(selector) и передать дополнительный класс как selector

Строка, содержащая выражение селектора, с которым сопоставляется текущий набор элементов.

$someDiv.filter('.additional-class')

var $someDiv = $('.some-div');
$someDiv.filter('.additional-class').css('background-color', 'green')

.some-div {
  height: 50px;
  width: 50px;
  margin : 10px;
  background-color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='some-div'></div>
<div class='some-div additional-class'></div>
<div class='some-div'></div>