jQuery addClassとremoveClass in if else文が動作しない

Question

私は境界線を持つクラスを作成しました。国境チェックと呼ばれる。この境界線は、td.k-editable-areaに値がない場合（テキストエリアには何も書き込まれていない）に表示する必要があります。

最初の行でクラスを追加できますが、if elseステートメントを追加すると、クラスが追加されなくなります。だからクラスをもう一度追加するか、if else文を正しく記述しても問題がないかどうかはわかりません。

$("td.k-editable-area").addClass("border-check"); 

if ("td.k-editable-area" == "") { 
    $("td.k-editable-area").addClass("border-check"); 
} else { 
    $("td.k-editable-area").removeClass("border-check"); 
} 

Answer 1

ここでは、私はあなたの助けを借りて答えを見つけました。ありがとうございます！正しいコードは：

function onEditorChange(e) { 
      var text = e.sender.body.innerText; 

      if (text.trim() === "") { 
       $("td.k-editable-area").addClass("border-check"); 
      } else { 
       $("td.k-editable-area").removeClass("border-check"); 
      } 
     } 

Answer 2

if文は2つの異なる文字列を比較しています。

"td.k-editable-area" == "" //false 

それは要素$("td.k-editable-area")から値を取っていないので、作ること

if ($("td.k-editable-area").text().trim() == "") { 

編集

これは、複数のチェック、その後tdの

$("td.k-editable-area").each(function(){ 
    var $this = $(this); 
    if ($this.text().trim() == "") { 
     $this.addClass("border-check"); 
    } else { 
     $this.removeClass("border-check"); 
    } 
}) 

しなければならない場合

Answer 3

あなたの条件は2つの文字列をテストしていますが、これはあなたが望むものではありません。

あなたの目標は、特定の1が空であるかどうかに基づいて、それらtd秒の各にクラスを追加/削除する場合は、あなたがループをする必要があります：

$("td.k-editable-area").each(function() { 
    var $this = $(this); 
    $this.toggleClass("border-check", !$this.text().trim()); 
}); 

あなただけではなく、することができますそれは、彼らがすべて空白だかどうかに基づいてすべて要素にクラスを更新しますので...

// NOT THIS 
$("td.k-editable-area").toggleClass("border-check", !$("td.k-editable-area").text().trim()); 

を使用しています。 （他のjQueryアクセサでは、最初のものをベースにしていますが、textは奇妙です）