检查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(); 
}