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

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>