選擇特定類型的所有元素與特定的類

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。