jQuery-按類定位下一個元素

Question

當我單擊類別為“ imgdd”的<h4>或<div> ，我試圖使用class="modal"來顯示下一個div。

<li class="itemmenumodal">
    <div class="imgdd"></div>
    <h4>test</h4>                       
    <div class="modal">
        <p>hello there</p>
    </div>
</li>    

我試過了，當我點擊<h4>而不是class="imgdd"的<div>時，它可以工作：

$(".itemmenumodal h4,.itemmenumodal div.imgdd").click(function(){
    jQuery(this).next(".modal").bPopup({            
        speed: 350,
        transition: 'slideDown',
        closeClass:'closemodal',
    });                 
})

我怎樣才能做到這一點？

Answer 1

.next（）將僅獲取下一個元素，因此必須使用.nextAll（）和：first來獲取下一個第一個.modal元素

  jQuery(this).nextAll(".modal:first").bPopup({  

Answer 2

這應該做的工作：

$(".itemmenumodal h4,.itemmenumodal div.imgdd").click(function(){
    $(jQuery(this).siblings(".modal")[0]).bPopup({            
    speed: 350,
    transition: 'slideDown',
    closeClass:'closemodal',
});                 
})

這是jsfiddle： http : //jsfiddle.net/3PwHK/