不希望任何空白條目附加到列表jQuery

Question

試圖不允許任何空白條目添加到我的列表。我寫了代碼，它似乎工作正常。但我想知道是否有更好的方法來寫這個。它對我來說看起來很奇怪，我覺得即使它起作用，但它感覺不對。任何建議將不勝感激。

下面的代碼：

$("#item-add").keypress(function (enter){ 
     var press = enter.which; 
     var addItem = $('#item-add').val(); 
     if(press == 13) { 
      if (addItem == "") {    
      alert("You must enter an item to add to list.") 
      $(".check-list").append('<li><input type="checkbox" class="blank-box">' + addItem + '</li>'); 
      $('.blank-box').remove(); 
     } else { 
      $(".check-list").append('<li><input type="checkbox" class="check-box">' + addItem + '</li>'); 
     }; 
      $("#item-add").val(''); 
     } 
    }); 

Answer 1

沒有必要添加和刪除.blank-box元素，只要使用，

$("#item-add").keypress(function (enter) { 
    var press = enter.which; 
    var addItem = $('#item-add').val(); 
    if (press == 13) { 
     if (addItem != "") { 
      $(".check-list").append('<li><input type="checkbox" class="check-box">' + addItem + '</li>'); 
     } else { 
      alert("You must enter an item to add to list.") 
     } 
     $("#item-add").val(''); 
    } 
});