[attribute*=value]

説明補足説明コードコメント投稿

このサンプルは、jQueryのattribute filter機能を利用してid属性の値に特定の文字が含まれるhtml要素を検索します。サンプルが表示されたら[Apply]ボタンをクリックします。すると、div要素のid値に「Element」が含まれる要素を検索してハイライトします。

このサンプルは、jQueryのattribute filter機能を利用してid属性の値に特定の文字が含まれるhtml要素を検索します。サンプルが表示されたら[Apply]ボタンをクリックします。すると、div要素のid値に「Element」が含まれる要素を検索してハイライトします。

html要素の属性値に特定の文字が含まれ要素を検索するには、jQueryのselectorに[attribute*=value]を付加します。たとえば、div要素のid属性値に特定の値が含まれる要素を検索するには「div[id*=value']」の記述します。ここでは、div要素のid値に「Element」が含まれる要素を検索してハイライトします。 

$("div[id*='Element']").addClass("highlight2");

<div id="ElementDivZero">ElementDivZero</div>
<div id="divOne">divOne</div>
<div id="divTwoElement">divTwoElement</div>