属性値を指定してjQueryオブジェクトを取得することはできますか?
- 詳細
- カテゴリ: テンプレート
- 作成日:2015-05-18
jQueryセレクタの一種である属性セレクタを使用すれば可能です。
例えば、rel属性にcanonicalという値を持つlink要素のみを選択しgc-scriptで出力したい場合の処理は以下のようになります。
■記述例
<gc-script>
gcutil.toHtml($('link[rel=canonical]'));
</gc-script>
上記以外にも、属性値を指定するセレクタは以下のようなものがあります。
$("link[rel]")
link要素のrel属性がある要素を選択
$("link[rel!='canonical']")
link要素のrel属性の値が「canonical」でない要素を選択
$("link[rel^='canonical']")
link要素のrel属性の値が「canonical」で始まる要素を選択
$("link[rel$='canonical']")
link要素のrel属性の値が「canonical」で終わる要素を選択
$("link[rel*='canonical']")
link要素のrel属性の値に「canonical」が含まれている要素を選択