Kozackman Lab

隣接セレクター

特定の要素の次に出現する要素を選択できるのが隣接セレクター。
隣接セレクターは隣接する要素を“+（プラス）”で指定する。

<script type="text/javascript">
  $(function(){
      $("#second + li").css("color","#9cf");
   )};
</script>

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

id属性が「second」の要素の次に出現するli要素、
つまり3番目のli要素の色が#9cfの色になる。

下記は上記のソースコードの結果、

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

2012/08/29　10:52 PM｜ カテゴリー ： jQuery｜ コメント