jQuery 選擇器父級和兄弟級

Question

我有一個無法更改的div結構。 在一個outer-container中有兩個inner-container 。 我想切換inner-container2 。 該按鈕位於第一個inner-container 。

這種結構一次又一次地重復。 所以我不能 select 類名（ inner-container2 ）。 這個類名經常出現。

我必須 select 之類的東西： go 從按鈕上一層並取下一個div

<div class="outer-container">
  <div class="inner-container1">
    <div class="button">
    </div>
  </div>
  <div class="inner-container2">
  </div>
</div>

這個群體一次又一次地出現。

我想要一個以單擊按鈕開始並僅打開同一組中的inner-container2的腳本。

$(document).on('click', '.button', function(){
  $('?????').toggle('slow');
});

Answer 1

 $(document).on('click', '.button', function() { $(this).parent().next().toggle('slow'); });

 .inner-container2{ background-color:gray; height: 50px; width: 50px }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="outer-container"> <div class="inner-container1"> <div class="button"> <button>BUTTON1</button> </div> </div> <div class="inner-container2"></div> </div>

我已經使用您剛剛添加的代碼 css 來定義功能做了一個示例。