("prev + next")
- $('prev + next') 1.0追加
- デモ
$('prev + next') 1.0追加
"prev"と"next"の前後関係になっている"next"の方の要素を選択します。
項目 | 説明 |
---|---|
prev | セレクタを指定します。 |
next | 次(隣)のセレクタを指定します。 |
(prev + next)と(prev ~ siblings)のセレクタは、連携する要素の親要素が同じでなければいけません。
デモ
ラベルの次に配置されているINPUT要素の値にテキストをセットします。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<form>
<label>名前:</label>
<input name="name" />
<fieldset>
<label>メールアドレス:</label>
<input name="mail" />
</fieldset>
</form>
<input name="none" />
<script>$("label + input").css("color", "blue").val("ラベル有り")</script>
</body>
</html>
© 2010 - 2017 STUDIO KINGDOM