仅当元标记存在时才显示 div

Question

我有一个用于不同应用程序和不同平台的包含文件。

我想在

下面显示一个div

    <div id="my-menu" class="dropdown"></div>

仅当有元标记时 - 它默认通过 display:none 隐藏在 css

中

元标记应该是这样的

    <meta name="login-menu" content="show"/>

如果他们在他们的应用程序中添加上述元数据，我想显示 #my-menu div.

通过 jquery 执行此操作的最佳方法是什么？这是一个开始

   if ($('meta[name="login-menu"]').attr('content')) {
       $( "#my-menu" ).show();
     }

Answer 1

您应该检查长度以查看它是否存在：

if ($('meta[name="login-menu"]').length) {
    $( "#my-menu" ).show();
}

Answer 2

您的条件将始终运行如所写，我建议对以下内容进行小改动：

if ($('meta[name="login-menu"]').attr('content') === "show") {
  $("#my-menu").show();
}

Answer 3

一种shorthand的写法是：

 !$('meta[name="login-menu"][content="show"]').length || $( "#my-menu" ).show();

show div only if meta tag exists