javascript - 不希望任何空白条目附加到列表 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('');
    }
});