JQuery 删除行不起作用

Question

我有一个函数，它有两个参数，一个项目（葡萄酒）的ID和订购的瓶子数量。

订单在动态 jquery 表中建立。

逻辑是，如果用户购买超过 3 瓶，则会应用折扣，并添加一行显示葡萄酒折扣的行。如果他们将值更改为 3 或更多，然后将该值降至 3 以下，我希望删除显示折扣的行。

为什么这不起作用？警报正在触发，所以我想这是 remove（） 行的错误。

            function UpdateWineDiscount(id, qty) {
            // Does discount row already exist?
            if ($("#trTable tr > td:contains('D" + id + "')").length) {
                // If discount row exists and qty is now below 3, remove it
                if (qty < 3) {
                    $("D" + id).remove();
                    alert("remove");
                };
            } else {
                // Is qty >= 3?
                if (qty >= 3) {
                    // Add discount row
                    var newRow = $("<tr id='D" + id + "' style='color:red'> <td class='drinkID' style='display:none'>D" + id + "</td> <td class='drinkName'>Wine Discount</td>  <td></td>  <td></td>  <td></td>  <td></td>  <td class='drinkTotal'>-1</td>  </tr>");
                    $("#trTable").append(newRow);
                } else {
                    // Update discount value
                };
            };
        }

Answer 1

你的代码有点不对劲，为了通过id删除一个元素，它需要在前面有一个#：

$("#D" + id).remove();