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');   
      } 

は、私がもし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