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

时间:2013-08-27 23:21:28

标签: javascript jquery

如果在页面上存在另一个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>

4 个答案:

答案 0 :(得分:7)

对于您当前的当前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缺席

答案 1 :(得分:2)

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

这是代码  Click Here!

答案 2 :(得分:0)

试试这个:

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

答案 3 :(得分:0)

是的,你可以通过jquery使用这段代码来做到这一点

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

查看example here