jquery - 親 div 外のターゲット div クラス

Question

jqueryaでクラスにターゲットを指定するにはどうすればよいですか?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

ページを更新せずに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();
    });