jquery - 选择具有特定类的特定类型的所有元素

Question

我在html中有：

<div id="tags_list">
  <span class="label">Favorites</span>
  <span class="label label-info">Starred</span>
  <span class="label label-info">Popular</span>
</div>

我正在寻找 jQuery 选择器，它将返回一个包含所有<span>具有 class 的元素的数组.label-info，并且只在#tags_listdiv 内。

我在js中尝试这样的事情没有成功：

var tagsList = $("#tags_list > span:class['label-info']");

提前致谢。

Answer 1

我建议：

var spans = $('#tags_list > span.label-info');

JS 小提琴演示。

spans是一个 jQuery 对象，它允许您对结果使用 jQuery 方法。如果您希望使用 DOM 节点来使用原生 JavaScript 方法，那么：

var spans = $('#tags_list > span.label-info').get();

JS 小提琴演示。

或者，在纯 JavaScript 中：

var spans = document.querySelectorAll('#tags_list > span.label-info');

JS 小提琴演示。

后一个选项将返回一个数组（使用get()）和一个 nodeList（使用querySelectorAll()），您必须显式迭代这两者才能执行操作。

参考：

• CSS 选择器。
• document.querySelectorAll().
• get().
• jQuery 选择器。