[attribute^=value]


version 1.0 以降

解説

マッチした要素のうち、指定された属性名の値が、指定された文字列で始まる要素を返します。

記法

[属性名^=文字列]

"[","]"ブラケットで 属性名^=文字列 を囲み指定します。

例1:「テスト結果」にあるpの要素うち、name属性の値が"oni"で始まる要素の背景を黄色にします。

$("#test_result p[name^=oni]").css("background-color", "yellow");

<p name="onion" id="onion">
    たまねぎ
</p>


<p name="grape">
    グレープ
</p>


<p name="blueberry" id="blueberry">
    ブルーベリー
</p>


<p name="cucumber">
    きゅうり
</p>


<p name="strawberry">
    いちご
</p>


<p name="watermelon">
    すいか
</p>