tusbasaのブログ

業務や勉強中に調べたことを自分用にメモするブログ

【JQuery】next

レシーバーの要素の次の要素を取得する。引数を省略すると要素全体を取得する。

<p id="hoge">a</p>
<p>b</p>
<p>c</p>
var a= $("#hoge").next();
//これで要素全体が取れる(<p>b</p>)
cosole.log( a.text() );
//実行結果
a

引数にセレクタを指定すると条件検索することもできる。

<p id="hoge">a</p>
<p>b</p>
<p>c</p>
var a = $("#hoge").next(".col");
//この場合は#hogeを持つ要素の次の要素が.colを持たない為何も取得しない。

参考 https://www.sejuku.net/blog/36740