Latest web development tutorials

jQueryのnext()メソッド

jQueryのトラバーサル方法 jQueryのトラバーサル方法

クラス名と各<LI>要素を戻した後兄弟要素の「開始」:

$(document).ready(function(){
$("li.start").next().css({"color":"red","border":"2px solid red"});
});

結果:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)

»をお試しください

定義と使用法

next()メソッドは、兄弟要素の要素を選択された後に返します。

兄弟要素は、同じ親要素を共有する要素です。

注:このメソッドは、唯一の要素を返します。

DOMツリー:ときに兄弟要素フォワードトラバーサルに沿ってDOM要素法。

関連するメソッド:

  • nextAll() -選択した要素の後に、すべての兄弟要素を返します。
  • nextUntil() -の後に指定されたパラメータの各要素にすべての2人の兄弟を返します。

文法

$(selector).next( filter )

参数 描述
filter 可选。规定缩小搜索后一个同级元素范围的选择器表达式。

例

より多くの例

兄弟要素の後にそれぞれの<div>要素を選択
兄弟要素の後、<div>要素のそれぞれを選択する方法。

検索結果を絞り込みます
兄弟<p>要素の後、<div>要素のそれぞれを選択する方法。


jQueryのトラバーサル方法 jQueryのトラバーサル方法