jquery - jQuery“this”没有找到孩子

Question

所以我想隔离点击链接正下方的元素

因此，例如，这是我的 Jquery，如果我单击带有类的链接，请删除页面上具有类 drop_down 滑动的所有链接。我怎样才能使用“这个”或任何东西一次只隔离一个。

$(document).ready(function(){
    $('.drop').click(function(){
        if($('.drop_down').is(':visible')) {
            $('.drop_down').slideUp();
        } else {
            $('.drop_down').slideDown();
        }
    });
});

<li><a class="drop" href="#">Video Training</a></li>
<li class="drop_down">Click on the links below to get some more information or to buy now <div>&nbsp</div> <a class="button" href="/training_dvds">More Info</a><a class="button" href="/pos_support/aldelo_training_dvd">Buy Now</a></li>                      

Answer 1

.drop除了文本节点之外没有任何子节点。

如果您的意思是要影响li.drop_down链接的父级下方，请执行以下操作：

$('.drop').click(function(){
    var $next = $(this).parent().next('li.drop_down');
    if($next.is(':visible')) {
        $next.slideUp();
    } else {
        $next.slideDown();
    }
});