jquery - 父 div 之外的目标 div 类

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点击锚的直系后代。

编辑（根据您的评论“它是 'col1 sub_section_title' div 之外的下一个 div，对不起，我把它放在问题中”）：

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

Answer 2

鉴于添加到您的帖子中的信息，我建议（尽管未经测试）：

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

Answer 3

你忘记了 preventDefault
没有它你正在刷新你的页面

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

Answer 4

您的链接没有孩子。所以：

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

什么也找不到。因为 $(this) 是指您的链接元素。