Kozackman Lab

[属性Filter1][属性Filter2]

複数の属性セレクターを同時に指定することもできる。

<script type="text/javascript">
   $(function(){
      $("[title^='f'][title*='th']").css("color","#9cf");
   });
</script>

<ul>
   <li title="first">テキスト1テキスト1テキスト1</li>
   <li title="second">テキスト2テキスト2テキスト2</li>
   <li title="third">テキスト3テキスト3テキスト3</li>
   <li title="fourth">テキスト4テキスト4テキスト4</li>
</ul>

title属性の値が「f」から始まり、かつtitle属性の値に「th」が含まれる要素、
つまり４番目のli要素が#9cfの色になる。

• テキスト1テキスト1テキスト1
• テキスト2テキスト2テキスト2
• テキスト3テキスト3テキスト3
• テキスト4テキスト4テキスト4

2012/08/31　1:58 AM｜ カテゴリー ： jQuery｜ コメント