他の要素が存在する場合のみ表示要素

Question

divを隠し、別のdivがページ上に存在する場合はどうすれば表示できますか？

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

Answer 1

をあなたの現在の現在のHTMLのためにあなたが

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

これを行うことができます。

<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 2

これを試してみてください....私はjqueryのを推測しているか、jsが進むべき道だろう.always-hereと.im-hereが兄弟で、.im-hereが前に来る場合にのみ動作します。

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

Answer 3

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

はコード Click Here!

Answer 4

ですはい、あなたはjqueryのを使用することで、このコード

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

を表示することを行うことができますexample here