从具有多个元素的变量中获取一个元素

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>