如果語句保存在Javascript變量中

Question

我有一段JQuery被保存到一個變量名中，該變量名有助於在頁面上創建通知。我試圖改變與html元素相關的類，如果類已經被添加到頁面。這是在WordPress插件中完成的。

下面是原來和下面這是我第一次刺傷它。

noticeItemOuter = jQuery('<div></div>').addClass('notice-item-wrapper'); 

我嘗試：

noticeItemOuter = if (JQuery(".notice-item-wrapper").length > 0) { 
       jQuery('<div></div>').addClass('notice-item-wrapper2'); 
      }else{ 
       jQuery('<div></div>').addClass('notice-item-wrapper');   
      } 

我加控制檯日誌中的if else語句中，從來沒有見過他們彈出。

Answer 1

如果語句不完全一樣的工作，但你可以使用三元運算，其功能以同樣的方式，(expression)? true statement: false statement;

noticeItemOuter = ((jQuery(".notice-item-wrapper").length > 0)? 
      jQuery('<div></div>').addClass('notice-item-wrapper2'): 
      jQuery('<div></div>').addClass('notice-item-wrapper'));   

Answer 2

不允許你分配這樣一個變量。你爲什麼不做這樣的事情？

if (jQuery(".notice-item-wrapper").length > 0) { 
    noticeItemOuter = jQuery('<div></div>').addClass('notice-item-wrapper2'); 
} else { 
    noticeItemOuter = jQuery('<div></div>').addClass('notice-item-wrapper');   
} 

Answer 3

jQuery(function ($) { // DOM ready and $ alias secured 
 

 
    // Check if element already exists 
 
    var noticeItemExists = $(".notice-item-wrapper").length; 
 
    
 
    // New Element creation 
 
    $("<div/>", { 
 
     "class": noticeItemExists ? "notice-item-wrapper2" : "notice-item-wrapper", 
 
     appendTo: "body" // or wherever you want to insert your element 
 
    }); 
 

 
});

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator