如何到達根據屬性值的特定元素在Javascript

Question

可以說我有這樣的HTML代碼：

<a href="mysite.com" rel="cookie"></a> 
<a href="mysite.com" rel="cake"></a> 
<a href="mysite.com" rel="cookie"></a> 

是否有一個快速的方法來只選擇2個一個標籤與cookie 相對值。

我確實設法使用for循環並檢查每個元素上的值，但有沒有更簡單的方法？

Answer 1

你可以嘗試

document.querySelectorAll("a[rel=cookie]"); 

Answer 2

對於現代的瀏覽器使用querySelectorAll

像

var els; 
if(document.querySelectorAll){ 
    els = document.querySelectorAll('a[rel="cake"]') 
} else { 
    //use a loop 
} 

Answer 3

如果你不介意使用JavaScript庫，你可以使用jQuery

var cookies = $('a[rel="cookie"]') 

有關jQuery選擇器的更多信息： http://api.jquery.com/category/selectors/

這對於使用舊版瀏覽器具有額外的好處。