HOME > > > > >

.nextuntil([selector])

.nextUntil( [selector] [, filter] )

引数

(string)selector
(string)filter

対象となる要素からselectorにマッチする弟要素までの間の弟要素を取得する。selectorが無い場合、.prevAll()と同じ結果になる。

サンプル

実行結果

実行 画像1 画像2 画像3

Javascript

  1. $('#sample-1').css({
  2.     margin: 5,
  3.     padding: 10,
  4.     width: 200,
  5.     border: '1px solid #CDCDCD',
  6.     display: 'inline-block'
  7. });
  8.  
  9. $('#execute-1').on('click', function(e){
  10.     $(e.target)
  11.     .nextUntil('.select')
  12.     .css({
  13.       border: '5px solid #D33682'
  14.     });
  15. });

HTML

  1. <div id="sample-1">
  2.   <span class="cq-btn m-primary" id="execute-1">実行</span>
  3.   <img src="/resource/images/photos/1.jpg" class="photo" alt="画像1" style="width: 40%;">
  4.   <img src="/resource/images/photos/2.jpg" class="photo select" alt="画像2" style="width: 40%;">
  5.   <img src="/resource/images/photos/3.jpg" class="photo" alt="画像3" style="width: 40%;">
  6. </div>
参照サイト