为这个函数加一个删除,有一个按钮有函数Shan,点击一次可以删除一行用上面函数增加订单li
时间: 2024-03-07 15:48:33 浏览: 67
ON_COMMAND_RANGE多个按钮响应一个函数的解决方法
好的,可以在 `Zeng` 函数中添加删除功能,然后在页面中添加一个按钮,绑定 `Shan` 函数,点击按钮可以删除一行订单 `li`。以下是修改后的代码:
```
function Zeng() {
var txt = "<li>one <button class='delete-btn'>删除</button></li>";
$("li").addClass("jq-li");
$("#list").after(txt);
$(".delete-btn").on("click", function() {
$(this).closest("li").remove();
});
}
function Shan() {
$("li:last-child").remove();
}
```
在 `Zeng` 函数中,我们添加了一个 `button` 元素,用于删除当前行订单 `li`。我们还给这个按钮添加了一个 `class` 为 `delete-btn`,方便在 `Shan` 函数中对其进行选择。
然后我们使用 `on()` 方法,为这个按钮绑定了一个 `click` 事件,当用户点击这个按钮时,会执行一个回调函数。在回调函数中,我们使用 `closest()` 方法,找到最近的祖先 `li` 元素,然后使用 `remove()` 方法将其从页面中删除。
在 `Shan` 函数中,我们使用 `last-child` 选择器找到最后一个 `li` 元素,然后使用 `remove()` 方法将其从页面中删除。
需要注意的是,如果页面中没有任何 `li` 元素或者没有 `id` 为 "list" 的元素,则这些函数的执行结果可能会出现问题。
阅读全文