HOME > > > > >

.prevuntil()

.prevUntil( [selector] [, filter] )

引数

(string)selector
(string)filter

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

サンプル

実行結果

画像1 画像2 画像3 実行

Javascript

  1. $('#sample-1 .photo').css({
  2.     margin: 5,
  3.     padding: 10,
  4.     border: '1px solid #CDCDCD',
  5.     display: 'inline-block'
  6. });
  7.  
  8. $('#execute-1').on('click', function(e){
  9.     $(e.target).prevUntil('.select').css({border: '5px solid #33FFFF'});
  10. });

HTML

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