javascript - 仅当另一个元素存在时才显示元素

Question

如果页面上存在另一个 div，我将如何隐藏 div 并仅显示它？我猜 jquery 或 js 将是要走的路....

<style type="text/css">
.always-here {
   display:none;
}
</style>

<div class="im-here">This div exists on this particular page!</div>
<div class="always-here">This div is always here but has the style 
display: none unless a div with the class "im-here" exists.</div>

Answer 1

对于您当前当前的 html，您可以执行

.always-here {
   display:none;
}
.im-here ~ .always-here{
   display:block;
}

这只有在.always-here并且.im-here是兄弟姐妹并且.im-here之前才有效。

http://jsfiddle.net/BKYSV/ -.im-here存在
http://jsfiddle.net/BKYSV/1/ -.im-here不存在

Answer 2

$(document).ready(function(){
    if($(".im-here").length > 0)
    {
        $(".always-here").show();
    }
});

这是代码 点击这里！

Answer 3

尝试这个：

if($(".im-here").length)
$(".always-here").show();