javascript – 仅在存在其他元素时显示元素

前端之家收集整理的这篇文章主要介绍了javascript – 仅在存在其他元素时显示元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果在页面上存在另一个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>

解决方法

对于您当前的当前HTML,您可以这样做
.always-here {
   display:none;
}
.im-here ~ .always-here{
   display:block;
}

只有.always-这里和.im-这里是兄弟姐妹和.im-这里才会有用.

http://jsfiddle.net/BKYSV/ – .im-现在
http://jsfiddle.net/BKYSV/1/ – .im-这里缺席

猜你在找的JavaScript相关文章