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（）和：首先得到下一个.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/

jQuery - 按类定位下一个元素

2 个答案: