3

我有几个像这样设置的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。有任何想法吗。我知道在原型中我使用了一个向下功能,但不确定 jquery 是否有它。

4

4 回答 4

2

如果你想.children_div在点击.parent_div使用后隐藏

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

演示在这里

于 2012-12-15T00:26:18.043 回答
0
$('.parent_div').each(function() {
            $(this).click(function() {
        $(this).next().hide();
            });
        });​
于 2012-12-15T00:26:51.717 回答
0

如果您将函数绑定到 all .menu-options,则不需要each(). 如果我正确理解了您的查询,这应该可以工作:

$('.parent_div').click(function() {  
    $(this).siblings('.children_div').hide();
});
于 2012-12-15T00:28:43.673 回答
0

尝试 .next()

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

这将起作用。

谢谢

于 2019-08-20T09:22:24.973 回答