隐藏Div如果另一个存在jQuery

时间:2013-12-02 16:53:35

标签: javascript jquery

我试图简单地隐藏一个div,如果页面上有另一个div,认为这将是直截了当但有一些问题。

如果感谢div可见,则使用desc类隐藏div

HTML

<div class="container">
    <div class="desc">
        <p>Description</p>
    </div>

    <div class="thanks">
        <h1>thanks</h1>
    </div>    
</div>

的jQuery

if($('.thanks').length > 0) {
    $('.desc').hide();
}

小提琴http://jsfiddle.net/QejuS/

3 个答案:

答案 0 :(得分:1)

在文档加载上运行脚本:

$(function () {
    if ($('.thanks').length > 0) {
        $('.desc').hide();
    }
});

答案 1 :(得分:1)

您忘记包含JS文件。 你的代码正在运行。

Fiddle.

答案 2 :(得分:0)

你没有在小提琴中包含jQuery,

左侧面板 - &gt;框架和扩展程序 - &gt;第一个下拉列表 - 选择jQuery

演示:Fiddle

jQuery(function () {
    if ($('.thanks').length > 0) {
        $('.desc').hide();
    }
})

另外,不要忘记在dom ready处理程序中添加脚本