使用存储在变量 jQuery 中的 class 选择器获取特定 div

Question

假设我正在使用一个变量来替换 jQuery select 或者像这样：

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

我有一系列带有 class 名称的 div：

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

如果其中一个要有一个额外的 class，比如 .additional-class，我如何 select 使用变量？

Answer 1

您可以使用 .filter(selector) 并传递额外的 class 作为 selector

A string containing a selector expression to match the current set of elements against.

$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>

使用存储在变量 jQuery 中的 class 选择器获取特定 div

Get specific div with class of selector stored in variable jQuery

jquery

jquery-selectors