.nextUntil( [selector] [, filter] )
引数
- (string)selector
- (string)filter
対象となる要素からselectorにマッチする弟要素までの間の弟要素を取得する。selectorが無い場合、.prevAll()と同じ結果になる。
サンプル
Javascript
$('#sample-1').css({
margin: 5,
padding: 10,
width: 200,
border: '1px solid #CDCDCD',
display: 'inline-block'
});
$('#execute-1').on('click', function(e){
$(e.target)
.nextUntil('.select')
.css({
border: '5px solid #D33682'
});
});
HTML
<div id="sample-1">
<span class="cq-btn m-primary" id="execute-1">実行</span>
<img src="/resource/images/photos/1.jpg" class="photo" alt="画像1" style="width: 40%;">
<img src="/resource/images/photos/2.jpg" class="photo select" alt="画像2" style="width: 40%;">
<img src="/resource/images/photos/3.jpg" class="photo" alt="画像3" style="width: 40%;">
</div>