找父母的父母

Question

我有以下结构

<div>
    <div id="tabHeader">
    <div id="close"></div>
...

</div>

我想首先使用jquery选择<div>来关闭它（<div id="close"></div>）

更新

我想在点击div id = close

时关闭此示例中的第一个div（root）

Answer 1

根据你的html：

<div>
    <div id="tabHeader">
    <div id="close"></div>
...
</div>

你会使用：

$('.close').click(function(){
    $(this).parent().parent().hide();
});

根据以下内容（＆＃34; tabHeader＆＃34; </div>添加）：

<div>
    <div id="tabHeader"></div>
    <div id="close"></div>
...
</div>

你会使用：

$('.close').click(function(){
    $(this).parent().hide();
});

Answer 2

如果你想隐藏父母：

$(selector).parent().hide();

http://api.jquery.com/parent/

Answer 3

将您的HTML更改为此（将课程提供给第一个div）

<div class="main-tab">
    <div id="tabHeader">
    <div id="close"></div>
...
</div>

＆安培; jQuery的

$('.close').click(function(){
    $(this).closest('.main-tab').hide();
});