("prev + next")

$('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>

 Back to top

© 2010 - 2017 STUDIO KINGDOM