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

Question

我（曾经）基本上是在尝试从具有多个元素的变量中获取一个特定元素。

编辑答案，感谢@pointy :

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

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

objective是使用变量$item。此代码已简化以适合问题。

还有其他答案，比如$('.item.active')

Answer 1

您可以简单地使用 class 选择器：

$('.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>

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

Get one element from a variable with multiple elements

javascript

jquery

class

selector