Javascript JQuery-使用插件删除一行内容以确认

我有这个标记：

<div class="form-group conteiner">
    <div class="row">
        <div class="col-md-2">
            <label for="date">Date:</label>
            <div class="input-group date datetimepickaa"  id="datetimepickerloop1" data-date-format="YYYY/MM/DD">
            <input type="text" class="datetimepickaa"  data-date-format="YYYY/MM/DD"  class="datetimepickaa" />
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
        <div class="col-md-9">
            <label for="notes">Notes:</label>
            <textarea class="form-control autosize" id="" name="">Lorem ipsum dolor sit amet.</textarea>
        </div>
        <div class="col-md-1">
        <button type="button" class="removee" >Delete</button>
        </div>
    </div>
</div>

我想使用此JQuery请求确认：

在文档中，它说我们需要像这样使用插件：

$(".confirm").confirm({
    text: "Are you sure you want to delete that comment?",
    title: "Confirmation required",
    confirm: function(button) {
        // do something
    },
    cancel: function(button) {
        // do something
    },
    confirmButton: "Yes I am",
    cancelButton: "No",
    post: false
});

我正在尝试使用与我的代码混合的插件来删除：

$("button.removee").confirm({
    text: "Are you sure you want to delete this row?",
    title: "Confirmation required",
    confirm: function() {
        $(this).closest(".conteiner").remove();
    },
    cancel: function() {
        // do something
    },
    confirmButton: "Yes I am",
    cancelButton: "No",
    post: false
    });

在这一行中，（this）不再指$（“button.removee”）：

所以它不起作用了。你知道怎么做吗

谢谢，这是事先准备好的

尝试使用此代码

$("button.removee").confirm({
text: "Are you sure you want to delete this row?",
title: "Confirmation required",
confirm: function() {
    $("button.removee").closest(".conteiner").remove();
},
cancel: function() {
    // do something
},
confirmButton: "Yes I am",
cancelButton: "No",
post: false
});

尝试使用此代码

$("button.removee").confirm({
text: "Are you sure you want to delete this row?",
title: "Confirmation required",
confirm: function() {
    $("button.removee").closest(".conteiner").remove();
},
cancel: function() {
    // do something
},
confirmButton: "Yes I am",
cancelButton: "No",
post: false
});

尝试使用此代码

$("button.removee").confirm({
text: "Are you sure you want to delete this row?",
title: "Confirmation required",
confirm: function() {
    $("button.removee").closest(".conteiner").remove();
},
cancel: function() {
    // do something
},
confirmButton: "Yes I am",
cancelButton: "No",
post: false
});

尝试使用此代码

$("button.removee").confirm({
text: "Are you sure you want to delete this row?",
title: "Confirmation required",
confirm: function() {
    $("button.removee").closest(".conteiner").remove();
},
cancel: function() {
    // do something
},
confirmButton: "Yes I am",
cancelButton: "No",
post: false
});

---

未经测试，但这可能会奏效。在触发确认框之前，保存每个按钮的按钮实例

$(document).on("click", "button.removee", function()
{
    var btn = $(this);

    $(this).confirm({
        text: "Are you sure you want to delete this row?",
        title: "Confirmation required",
        confirm: function() {
            btn.closest(".conteiner").remove();
        },
        cancel: function() {
            // do something
        },
        confirmButton: "Yes I am",
        cancelButton: "No",
        post: false
    });
});

---

编辑：更新答案以反映将事件绑定到动态添加的按钮所需的更改。

未测试，但这可能会起作用。在触发确认框之前，保存每个按钮的按钮实例

$(document).on("click", "button.removee", function()
{
    var btn = $(this);

    $(this).confirm({
        text: "Are you sure you want to delete this row?",
        title: "Confirmation required",
        confirm: function() {
            btn.closest(".conteiner").remove();
        },
        cancel: function() {
            // do something
        },
        confirmButton: "Yes I am",
        cancelButton: "No",
        post: false
    });
});

---

编辑：更新答案以反映将事件绑定到动态添加的按钮所需的更改。

未测试，但这可能会起作用。在触发确认框之前，保存每个按钮的按钮实例

$(document).on("click", "button.removee", function()
{
    var btn = $(this);

    $(this).confirm({
        text: "Are you sure you want to delete this row?",
        title: "Confirmation required",
        confirm: function() {
            btn.closest(".conteiner").remove();
        },
        cancel: function() {
            // do something
        },
        confirmButton: "Yes I am",
        cancelButton: "No",
        post: false
    });
});

---

编辑：更新答案以反映将事件绑定到动态添加的按钮所需的更改。

未测试，但这可能会起作用。在触发确认框之前，保存每个按钮的按钮实例

$(document).on("click", "button.removee", function()
{
    var btn = $(this);

    $(this).confirm({
        text: "Are you sure you want to delete this row?",
        title: "Confirmation required",
        confirm: function() {
            btn.closest(".conteiner").remove();
        },
        cancel: function() {
            // do something
        },
        confirmButton: "Yes I am",
        cancelButton: "No",
        post: false
    });
});

---

编辑：更新答案以反映将事件绑定到动态添加的按钮所需的更改。

此代码仅在您有一行内容时有效，但我有多行内容时有效。因此，它将删除所有行，而不是单击“删除”按钮的行。。。不管怎样，谢谢你！此代码仅在您有一行内容时有效，但我有多行内容。因此，它将删除所有行，而不是单击“删除”按钮的行。。。不管怎样，谢谢你！此代码仅在您有一行内容时有效，但我有多行内容。因此，它将删除所有行，而不是单击“删除”按钮的行。。。不管怎样，谢谢你！此代码仅在您有一行内容时有效，但我有多行内容。因此，它将删除所有行，而不是单击“删除”按钮的行。。。不管怎样，谢谢你！像这样它也能工作。。。但在我的示例中不是这样，因为我需要在添加元素功能中使用代码（我正在实现一个“添加/删除输入字段”解决方案）。因此，每当我添加新元素时，它都会将确认对话框绑定到每一行。这意味着我必须多次确认删除一个元素。我已经更新了代码。现在，它还可以使用动态添加的按钮。只需确保代码只被调用一次（在

document.ready（）

中的页面初始化过程中）就可以了。。。但在我的示例中不是这样，因为我需要在添加元素功能中使用代码（我正在实现一个“添加/删除输入字段”解决方案）。因此，每当我添加新元素时，它都会将确认对话框绑定到每一行。这意味着我必须多次确认删除一个元素。我已经更新了代码。现在，它还可以使用动态添加的按钮。只需确保代码只被调用一次（在

document.ready（）

中的页面初始化过程中）就可以了。。。但在我的示例中不是这样，因为我需要在添加元素功能中使用代码（我正在实现一个“添加/删除输入字段”解决方案）。因此，每当我添加新元素时，它都会将确认对话框绑定到每一行。这意味着我必须多次确认删除一个元素。我已经更新了代码。现在，它还可以使用动态添加的按钮。只需确保代码只被调用一次（在

document.ready（）

中的页面初始化过程中）就可以了。。。但在我的示例中不是这样，因为我需要在添加元素功能中使用代码（我正在实现一个“添加/删除输入字段”解决方案）。因此，每当我添加新元素时，它都会将确认对话框绑定到每一行。这意味着我必须多次确认删除一个元素。我已经更新了代码。现在，它还可以使用动态添加的按钮。只需确保代码只被调用一次（在

document.ready（）

或其他内容中的页面初始化期间）。