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

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>元素的数组，这些元素具有类.label-info，并且只在#tags_list div内。

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

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

提前致谢。

Answer 1

我建议：

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

JS Fiddle demo

spans是一个jQuery对象，它允许您对结果使用jQuery方法。如果您更愿意使用DOM节点，那么使用本机JavaScript方法，那么：

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

JS Fiddle demo

或者，在纯JavaScript中：

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

JS Fiddle demo

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

参考文献：

• CSS Selectors。
• document.querySelectorAll()。
• get()。
• jQuery Selectors。