jQuery“这个”找不到孩子

时间:2010-07-11 18:32:05

标签: jquery slidetoggle

所以我想直接在点击的链接下面隔离元素

所以例如这里是我的Jquery,如果我点击带有类的链接,则删除页面上具有类drop_down滑动的所有链接。我如何使用“this”或任何东西一次只隔离一个。

$(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>                      

1 个答案:

答案 0 :(得分:2)

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

如果您想要影响链接父级下方的li.drop_down,请执行以下操作:

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