僅當meta標記存在時才顯示div

Question

我有一個包含文件，用於不同的應用程序和不同的平臺。

我想說明以下

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

一個div僅當有一個meta標籤 - 它通過display:none隱藏默認的CSS

meta標籤會是這樣的

<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

書面答覆的速記方法是：

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