Javascript jquery选择父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>

<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>

---

现在$（这个）给了我点击的父分区，我需要能够向下移动到子分区并隐藏整个子分区。有什么想法吗。我知道在prototype中我使用了down函数，但不确定jquery是否有它

如果要在单击

后隐藏
.children\u div
，请使用

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

演示
如果要将函数绑定到所有
。菜单选项
，则不需要
每个（）。如果我正确理解了您的查询，这应该会起作用：

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

尝试
.next（）

这会奏效的

谢谢
在javascript中，选择器应该是“.parent\u div”还是“.menu\u options”？您拥有的（'.parent_options'）不存在。如果我在parent div中并单击需要类名的输入字段，有人知道如何操作吗。我同意这不是最好的答案，我回答了他确切的问题，给了他一个符合他要求的答案。他要求使用类似于原型的函数Theodore我尝试了你提到的第一个函数，但它返回空对象如果我在父div中并单击一个输入字段（需要类名），你知道怎么做吗。并且需要离开目前的部门，转到下一个部门children@Yevo：
$（'.parent\u div input.classname'）。单击（function（）{$（this）.兄弟姐妹（'.children\u div'）.hide（））
作为要避免的post脚本，您最好使用
焦点
，来处理选项卡式访问，而不是像您建议的那样使用
单击
。
$('.parent_div').each(function() {
            $(this).click(function() {
        $(this).next().hide();
            });
        });​

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

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