Question

基本问题，但我找不到任何相关主题，正好回答我的需要。

我想并排创建两个链接，这些链接下方将隐藏内容。内容将根据单击的链接显示。我在弄清楚如何访问dom＆amp;中的内容时遇到了麻烦。使用（this）。

HTML：

            <div class="redirectWrap">
                <a id="redirectDefault" class="redirectOuter" href="#">
                    <h4>Default URL</h4>
                </a>
                <a id="redirectCustom" class="redirectOuter" href="#">
                    <h4>Custom URL</h4>
                </a>
                <div class="redirectDefaultInner redirectBox hide">
                    content
                </div>
                <div class="redirectCustomInner redirectBox hide">
                    content
                </div>                  
            </div>

所以#redirectDefault应该动画.redirectDefaultInner和#redirectCustom应该动画.redirectCustomInner。（我将会有几个这就是为什么我想使用（this）而不是每次都基于id来写出来。

Answer 1

你可以使用.closest()该方法将检索与你传递的选择器的第一个和最接近的匹配，例如：

jQuery("#redirectDefault").click(function(){

     jQuery(this).closest(".redirectDefaultInner").animate(/*do stuff*/);

});

Answer 2

您可以这样做：

   $('.redirectOuter').click(function(){
   $(this).parent().find('.'+$(this).attr('id')+'Inner').animate(/*your animation code */);
    });

jQuery动画slideUp / Down内容

2 个答案: