Question

  <script type="text/javascript">
                    jQuery(document).ready(function() {
                        jQuery(".content").hide();
                        //toggle the componenet with class msg_body
                        jQuery(".link").click(function()
                        {
                            jQuery(this).next(".content").slideToggle(500);
                        });;
                    });
 </script>


<a href="#" class="link">dfsd</a>


    <div class="content"> 
            dfsgdgsfsdfggdfs
        </div>

当我输入另一个div时工作正常：

<div class="test">
    <div class="content"> 
       dfsgdgsfsdfggdfs
   </div>
</div>

如何解决这个问题？我试过.test.link等但它没有用。

Answer 1

jQuery(this).next(".test").find('.content').slideToggle(500);

OR

jQuery(this).next(".test").slideToggle(500);

Answer 2

替换此行：jQuery(this).next(".content").slideToggle(500);

这一个：jQuery("div.content").slideToggle(500);

Answer 3

$（this）.next（“。content”）寻找兄弟姐妹

描述：立即获取跟随每个元素的兄弟姐妹匹配元素的集合。如果一个提供了选择器，它检索下一个兄弟姐妹只有匹配选择器。

使用$（this）.next（“。test”）

div中的Jquery div

3 个答案: