Selectors/API/jQuery
prev + next
前後関係を指定して要素を選択します。
prevで指定した要素の次にnextで指定した要素が来た場合にマッチします。
prevで指定した要素の次にnextで指定した要素が来た場合にマッチします。
サンプル
サンプル1
labelの次にinputが来ている場合に、文字色を変えます。
<form>
<label>名前:</label>
<input name="name" value="色が変わります" />
<fieldset>
<label>ニュース:</label>
<input name="newsletter" value="色が変わります" />
</fieldset>
</form>
<input name="none" value="labelの次では無いので変わりません" />
$("label + input").css("color", "red");
[全コードを表示]
[実行結果を単体で表示]