jQuery API の jQuery( 'prev + next' ) は、「prev」セレクターで指定した兄要素の直後で、尚且つ、「next」セレクターの指定に該当する弟要素を選択する。
記述方法
jQuery( '兄要素 + 兄要素の次の弟要素' )
prev（兄要素）も、next（兄要素の次の弟要素）も、「id」「class」「*」などのセレクターで指定する。
実装例（サンプル）
- 項目１
- 項目１－１
- 項目１－２
- 項目２
- 項目２－１
- 項目２－２
- 項目２－２－１
- 項目２－２－２
- 項目２－３
- 項目３
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '.jquery-api-prev + li' ) . css( {
margin: '5px',
border: '3px red double',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '.jquery-api-prev + li' ) . css( {
margin: '5px',
border: '3px red double',
} );
} );
// -->
</script>
HTML
<ul id="jquery-api-ul">
<li class="jquery-api-prev">項目１
<ul>
<li>項目１－１</li>
<li>項目１－２</li>
</ul>
</li>
<li>項目２
<ul>
<li>項目２－１</li>
<li class="jquery-api-prev">項目２－２
<ul>
<li>項目２－２－１</li>
<li>項目２－２－２</li>
</ul>
</li>
<li>項目２－３</li>
</ul>
</li>
<li>項目３</li>
</ul>
<li class="jquery-api-prev">項目１
<ul>
<li>項目１－１</li>
<li>項目１－２</li>
</ul>
</li>
<li>項目２
<ul>
<li>項目２－１</li>
<li class="jquery-api-prev">項目２－２
<ul>
<li>項目２－２－１</li>
<li>項目２－２－２</li>
</ul>
</li>
<li>項目２－３</li>
</ul>
</li>
<li>項目３</li>
</ul>