javascript - Javascriptの属性値で特定の要素に到達する方法

Question

私はこのHTMLコードを持っているとしましょう:

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

Cookie rel値を持つ 2 つの aタグのみを選択する簡単な方法はありますか。

forループを使用して各要素の値をチェックすることはできましたが、もっと短い方法はありますか?

Answer 1

あなたは試すことができます

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

Answer 2

JavaScript ライブラリを使用しても構わない場合は、jQuery を使用できます

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

jQuery セレクターの詳細: http://api.jquery.com/category/selectors/

これには、古いブラウザーで動作するという追加の利点があります。

Answer 3

最新のブラウザーでは、querySelectorAllを使用します

お気に入り

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