Question

按下<li>时，它应该使用cla .notification_pop_up向下滑动最近的div。有人可以给我建议吗？我想我需要使用其中一个next()或find()，但我不知道如何。谢谢你。
的 HTML

<li class="pr_news"><div class="notification_pop_up"></div></li> 
<li class="pr_messages"><div class="notification_pop_up"></div></li>

Answer 1

$('li').on('click',function(){
    $('.notification_pop_up',this)
      .slideDown();
});

或

$('li').on('click',function(){
    $('.notification_pop_up:first',this)
      .slideDown();
});

或

$('li').on('click',function(){
    $(this).find('.notification_pop_up:first')
      .slideDown();
});

或

$('li').on('click',function(){
    $(this).find('.notification_pop_up')
      .first()
      .slideDown();
});

但到目前为止效率最高的是：

$(document).on('click','li:has(.notification_pop_up)',function(){
    $('.notification_pop_up',this)
      .slideDown();
});

Answer 2

$('li').click(function() { $(this).find('div.notification_pop_up').eq(0).slideDown(); });

Answer 3

$("li").click(function(){
   $(this).find(".notification_pop_up:frist").slideDown();
});

我喜欢将:first放在查询中而不是.first()中，因此它会返回一组大小为1，而不是执行整个集合，然后获取第一个值

Answer 4

我想出了答案。我使用这个代码，它的工作完美。无论如何，谢谢你们。

$(li).click(function(){
    $(this).find(".notification_pop_up").fadeIn();
});

Answer 5

您可以使用以下内容，请查看。

$('li').on('click',function(){
    $(this).siblings('.notification_pop_up').slideDown();
});

您还可以查看以下链接。