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

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选择器将返回有类.label-info所有<span>元素的数组，并且只在#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。