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。有任何想法吗。我知道在原型(prototype)中我使用了一个向下功能，但不确定 jquery 是否有它。

Answer 1

如果要隐藏.children_div点击.parent_div后利用

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

演示 here