divがページ上にあるかどうかを確認します。非表示の場合は

Question

検索ドロップダウンを呼び出すグローバルナビゲーションにボタンがありますが、すべてのページに検索ドロップダウンが表示されていません。検索ドロップダウンを検索し、それが存在するかどうかに基づいてボタンを非表示にするにはどうすればよいですか？私は以下のようなことを考えていますが、コードについては完全にはわかりません。

if(search exists) { 
    show button 
} 
else { 
    hide button 
} 

Answer 1

あなたは

にjQueryオブジェクトの要素数を.lengthプロパティを使用することができます。

if($('validSelector').length) { 
    //show button 
} 
else { 
    //hide button 
} 

Answer 2

あなたの検索ドロップダウンにIDを割り当て、そのIDでのdivがページ上に存在しているかどうかを確認することができます。以下のような：jQueryオブジェクトの要素数：

<div id="mydropdown"></div> 

<script> 
if(document.getElementById('mydropdown')) 
console.log("do some stuff"); 
else console.log("do nothing"); 
</script> 

Answer 3

選択した結果のlength

説明の確認以下の

を行うことができます。

if($(YOUR_SEARCH_DROPDOWN_SELECTOR).length) { //or $(YOUR_SEARCH_DROPDOWN_SELECTOR).size() 
    $(BUTTON_SELECTOR).show(); 
} 
else { 
    $(BUTTON_SELECTOR).hide(); 
}