jQuery - 选择同一级别的div

我想在单击按钮时选择一个特定的div...唯一的问题是，它必须是buttonClicked的父div的div...示例：

 <div class="container">
   <div class="box">
     <h2>Langtidsparkering</h2>
     <div class="content">
       Lorem ipsum dolor sit amet..
     </div>
   </div>
   <div class="listcontainer">
     <div class="list"> (THIS DIV SHOULD GET A CLASS "VISIBLE", WHEN THE BUTTON IS CLICKED)
     </div>
     <div class="listbar">
       <button class="viewPrices" type="submit" title="Open">Se priser<span></span </button>
      </div>
    </div>
  </div>

Code:

    $(".viewPrices").click(function () {
         $(".viewPrices").parents('.listaccordion .list').toggleClass('visible');
});

有什么建议 ？ :-)

这应该可以做到。

.closest将通过父母向上查找，直到找到匹配项。然后你就可以.find您正在寻找的目标 div。

$(".viewPrices").click(function () {
     $(this).closest('.listcontainer').find('.list').toggleClass('visible');
});

这是一个更新的小提琴：http://jsfiddle.net/n264v/2/ http://jsfiddle.net/n264v/2/