2014年11月27日木曜日

jQueryで、特定要素タグ間のオブジェクトを取得する「.nextUntil()」と「.andSelf()」

jQueryで、特定要素タグ間のオブジェクトを取得する「.nextUntil()」と「.andSelf()」です。

例えば、下記のようなHTMLがあったとして、
<div id="item1">...</div>
<p>...</p>
<p>...</p>
<div id="item2" >...</div>
<p>...</p>
<p>...</p>
<div id="item3" >...</div>
<p>...</p>
<p>...</p>

item2とitem3の間のオブジェクトにアクセスできます。
$("#item2").nextUntil("#item3").andSelf().css("background", "red");

参考サイト
selectors - How to select all content between two tags in jQuery(Stack Overflow)
.nextUntil() (jQuery 1.9 日本語リファレンス)
.andSelf()(jQuery 日本語リファレンス)

0 件のコメント:

コメントを投稿