javascript - jqueryは親divの下のdivを選択します

Question

私は次のようにいくつかのdivを設定しています：

 <div class="menu_options">
    <div class="parent_div">input field</div>
    <div class="children_div">
        <div class='something">field</div>
        <div class="something_else">field</div>
    </div>
 </div>

<div class="menu_options">
    <div class="parent_div">input field</div>
    <div class="children_div">
        <div class='something">field</div>
        <div class="something_else">field</div>
    </div>
 </div>

<div class="menu_options">
    <div class="parent_div">input field</div>
    <div class="children_div">
        <div class='something">field</div>
        <div class="something_else">field</div>
    </div>
 </div>

jqueryで私はやっています

        $('.parent_options').each(function() {
            $(this).click(function() {

            });
        });

現在、$（this）は、クリックしたparent_divを提供しており、children_divに移動して、children_div全体を非表示にできる必要があります。何か案は。プロトタイプでdown関数を使用したことは知っていますが、jqueryにそれがあるかどうかはわかりません。

score 2 · Accepted Answer

使用.children_divをクリックした後に非表示にしたい場合.parent_div

  $('.parent_div').click(function() {
        $(this).siblings(".children_div").hide();
  });

こちらのデモ

score 0 · Accepted Answer

$('.parent_div').each(function() {
            $(this).click(function() {
        $(this).next().hide();
            });
        });

score 0 · Accepted Answer

関数をすべて.menu-optionsにバインドしている場合は、の必要はありませんeach()。私があなたの質問を正しく理解したならば、これはうまくいくはずです：

$('.parent_div').click(function() {  
    $(this).siblings('.children_div').hide();
});

score 0 · Accepted Answer

試す .next()

 $( this ).next( ".tb-contents'" ).show();

これは機能します。

ありがとう

javascript - jqueryは親divの下のdivを選択します

4 に答える 4

Related

Reference