nextUntil()
nextUntil()はマッチしたjQueryオブジェクトの次以降に登場する兄弟要素の取得が可能なメソッドです。
次のようなHTMLがあったとします。
<ul>
<li id="list1" class="odd">list1</li>
<li id="list2">list2</li>
<li id="list3" class="odd">list3</li>
<li id="list4">list4</li>
<li id="list5" class="odd">list5</li>
<li id="list6">list6</li>
<li id="list7" class="odd">list7</li>
</ul>次のスクリプトは#list2の後に登場する兄弟要素である#list3〜#list7までのjQueryオブジェクトを取得できます。
$("#list2").nextUntil().css("color","red");引数にセレクタを指定することでセレクタにマッチするまでの弟要素が取得できます。次のスクリプトでは#list3〜#list5までのjQueryオブジェクトを取得できます。
$("#list2").nextUntil("#list6").css("background","blue");引数には更にフィルターの指定が可能です。次のスクリプトでは#list3〜#list5までの要素の中からclass属性が「odd」である#list3と#list5のjQueryオブジェクトを取得できます。
$("#list2").nextUntil("#list6",".odd").css("border","2px solid green");nextUntil()はjQuery 1.4.0で追加されたメソッドです
jQuery 1.6.0での追加/変更jQuery 1.6.0から第１引数のマッチする要素にjQueryオブジェクトやDOM要素が指定可能になりました。
参考URL
.nextUntil() | jQuery API Documentation
登録日 : 2013年03月21日 最終更新日 : 2013年3月21日