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