[attribute$=’value’]

CSS属性セレクター [attribute$=’value’]

特定の属性の値が、特定の文字列で終わっている要素を指定できるセレクターです。

下記の例では
dの値で終わる属性の要素のCSSプロパティーを変更させます。

■javascript

$(function(){
$("li[id$='d']").css("color","red")
});

■HTML

<ul>
<li id="first">テキストテキスト</li>
<li id="second">テキストテキスト</li>
<li id="third">テキストテキスト</li>
<li id="fourth">テキストテキスト</li>
</ul>

■表示結果

  • テキストテキスト
  • テキストテキスト
  • テキストテキスト
  • テキストテキスト

投稿者:

kishiken

企業務めのWEBデザイナーです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です