javascript - jQuery - 按类定位下一个元素

Question

我正在尝试使用 class="modal" 定位下一个 div当我单击 <h4> 时显示它或 <div>与类“imgdd”。

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

我尝试过这个，当我点击<h4>时它就起作用了。但不适用于<div>与 class="imgdd" :

$(".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({