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是否有它。

Answer 1

如果您想在点击.children_div后隐藏.parent_div

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

演示here

Answer 2

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

Answer 3

如果您将该功能绑定到所有.menu-options，则不需要each()。如果我理解你的查询，这应该有效：

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

Answer 4

尝试.next()

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

这将起作用。

谢谢

jquery在父div下面选择div

4 个答案: