Получить один элемент из переменной с несколькими элементами

Question

Я (был) пытался получить один конкретный элемент из переменной с несколькими элементами.

Редактировать с ответом, спасибо @pointy:

var $item = $('.item');
var $activeItem = $item.filter('.active');

$activeItem.css('borderColor', 'red');

Целью было использование переменной $item. Этот код был упрощен, чтобы соответствовать вопросу.

Были и другие ответы, вроде $('.item.active')

Answer 1

Вы можете просто использовать селектор класса:

$('.item.active').css('borderColor', 'red'); 

Или метод filter():

$('.item').filter('.active').css('borderColor', 'red'); 

var item = $('.item');
var activeItem = item.filter('.active');

activeItem.css('borderColor', 'red');

.item {
  border: 3px solid;
  border-color: green;
  height: 20px;
  margin-bottom: 5px;
  padding-left: 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="item"></div>
<div class="item active">Has Active Class</div>
<div class="item"></div>
<div class="item"></div>
<div class="item active">Has Active Class</div>
<div class="item"></div>