Как достичь конкретных элементов по значению атрибута в 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 метки с куки отн значение.

Мне это удалось, используя цикл 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/

Это имеет дополнительное преимущество при работе со старыми браузерами.