Kozackman Lab

[属性!='値']

特定の属性が、特定の値を持たない要素を選択できるセレクター。([属性='value']の反対の意)
このセレクターは要素セレクターの後に続けて記述する必要がある。

<script type="text/javascript">
$(function(){
   $("li[title!='first']").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属性の値が「first」以外のli要素（1番目以外のli要素）が#9cfの色になる。

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

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