Question

我试图隐藏一个具有特定ID的最近的div，但它不适合我这是我尝试过的。

HTML

<div style="width:50px; height:20px; background-color:green" id="myblock">other content</div>
<div>
    <div style="width:50px; height:100px; background-color:yellow" id="dialog-box">content to hide</div>
    <div> <a href="#" onclick="hideclosest(this);">
        <span> Hide closest Div </span>
    </a>

    </div>

脚本

function hideclosest(ctrl) {

    $(ctrl).closest("#dialog-box").hide();
}

这是小提琴 http://jsfiddle.net/c2ewk44o/2/

Answer 1

ID在页面上应该是唯一的，因此：

InitHeaderSearch.cpp

只会为你工作。如果你没有唯一的id，那么你必须将它们转换为类或给所有元素唯一id

Answer 2

尝试正确遍历。 #dialog-box不是closest的{{1}}元素。顺便说一句它是button，所以你可以直接用id选择器选择它。但是如果你想用其他方法选择它，请使用下面的代码，

id

DEMO

Answer 3

你的意思是：

function hideclosest(ctrl)
{
    $(ctrl).closest("div").prev().hide();
}

或者喜欢：

function hideclosest(ctrl)
{
    $(ctrl).parent().prev().hide();
}

Answer 4

隐藏衣柜div使用该代码

$(ctrl).prev("#dialog-box").hide();

希望解决你的问题。

使用Jquery隐藏具有特定ID的最近div

4 个答案:

DEMO