Chỉ hiển thị phần tử nếu phần tử khác tồn tại

Question

Làm cách nào để ẩn một div và chỉ hiển thị nó nếu một div khác tồn tại trên một trang? Tôi đoán jquery hoặc js sẽ là con đường để đi ....

<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

Đối html hiện hiện tại của bạn, bạn có thể làm

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

này sẽ chỉ hoạt động nếu .always-here và .im-here là anh chị em ruột và .im-here sẽ xuất hiện trước đó.

http://jsfiddle.net/BKYSV/-.im-here hiện
http://jsfiddle.net/BKYSV/1/-.im-here vắng mặt

Answer 2

Hãy thử điều này:

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

Answer 3

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

đây là mã Click Here!

Answer 4

có bạn có thể làm điều đó bằng cách sử dụng jquery mã này

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

xem example here