jquery nextAllメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery nextAll()メソッド

nextAllメソッドは、セレクタで指定した要素の次の兄弟要素を全て指定します
使い方は簡単です。セレクタとメソッドの間に.nextAll()を記述するだけです

.nextAll()

兄弟要素を限定する場合(指定した要素に限定されます)

.nextAll("セレクタ")

指定したHTML要素の次の兄弟要素を全て指定します

ボタンをクリックしたときにセレクタで指定したHTML要素の次の兄弟要素を全てのテキストが変更されます

jquery

$(function() {
	$("button").click(function(){
	$("#hoge").nextAll().text("この要素を指定しました");
	});
});
css
#oya{ border: solid 1px; padding: 5px;}
#oya div{ border: solid 1px; }
#hoge{ border: solid 1px; }

html

<button>ボタン</button>
<div id="oya">親要素
<div id="hoge">セレクタで指定された要素</div>
<div>兄弟要素。まだ指定されていません</div>
<div>兄弟要素。まだ指定されていません</div>
<div>兄弟要素。まだ指定されていません</div>
</div>

サンプル

親要素
セレクタで指定された要素
兄弟要素。まだ指定されていません
兄弟要素。まだ指定されていません
兄弟要素。まだ指定されていません








(C)2012 ホームページ作成無料