jquery prevメソッド

TOPページに戻る > jquery入門

jquery prev()メソッド

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

.prev()

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

.prev("セレクタ")

指定したHTML要素の一つ前の要素を指定します

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

jquery

$(function() {
	$("button").click(function(){
	$("#hoge").prev().text("この要素を指定しました");
	});
});

css

#hoge2{ border: solid 1px; }
#hoge{ border: solid 1px; }

html

<button>ボタン</button>
<div id="hoge2">セレクタで指定された要素の前にある要素。まだ指定されていません</div>
<div id="hoge">div要素</div>

サンプル

ボタン