取$elements变量并缩小 attr 等于 x

Question

我有一个变量$element .

此选择器可以等于页面上的许多不同元素。如何根据此元素的属性是否等于另一个元素来进一步缩小其范围？

我知道你可以做到这一点$("div[attr=x]");.但我希望能够进一步缩小这个已经设定的变量以提高效率。

Answer 1

我认为

您正在尝试获取jQuery的过滤器函数。您可以进行选择，然后进一步优化该选择，如图所示。

// First make a big selection
var elements = $(".a");
// Filter your selection to just the div with the 'c' class.
elements.filter(".c").css('background-color', 'yellow');

.a {
  width: 10px;
  height: 10px;
  margin: 5px;
  background-color: blue;
}

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