Question

如何在jquery中指定a定位到类contenido_calendario？

<div class="col1 sub_section_title">
    <article>
        <h3 class="article_header calendari">2012</h3>
    </article>
    <a href="#" class="button arrow_back_but" rel="tooltip" title="Click Aquí"></a>           
</div>

这是我的代码：

$("a").click( function() {    
    $(".contenido_calendario").hide();
    $(this).children(".contenido_calendario").toggle();
});

但它不起作用

Answer 1

如果您的锚标记中确实存在某些内容，您可能需要尝试：

$(this).find(".contenido_calendario").toggle();

因为.children()仅定位直接后代 - 我猜测.contenido_calendario 不是是所点击锚点的直接后代。“ / p>

编辑（基于你的评论“它是'col1 sub_section_title'div之外的下一个div，抱歉我把它放在了问题中”）：

$(this).closest(".sub_section_title").next().toggle();

Answer 2

你忘记了preventDefault，如果没有它，你就会刷新你的页面

$("a").click( function(event) { 
   event.preventDefault();
}

Answer 3

您的链接没有孩子。因此：

$(this).children(".contenido_calendario").toggle();

找不到任何东西。因为$（this）指的是你的链接元素。

Answer 4

鉴于您的帖子中添加了相关信息，我建议（虽然未经测试）：

$('a').click(
    function(e){
        e.preventDefault();
        $(this).closest('div').next().toggle();
    });

父div之外的目标div类

4 个答案: