檢查div是否在頁面上，如果不隱藏按鈕

Question

我在調用搜索下拉菜單的全局導航中有按鈕，但每個頁面上都沒有搜索下拉菜單。我如何查找搜索下拉菜單並根據它是否存在隱藏/顯示按鈕？我在想下面的東西，但我不完全確定代碼。

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

Answer 1

可以使用.length財產

jQuery對象中元素的個數。

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

Answer 2

可以分配一個id，你的搜索下拉列表，並檢查是否與該ID的DIV是存在在頁面上。像：

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

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

Answer 3

你可以做以下

檢查所選結果的length

描述：jQuery對象中元素的個數。

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