javascript - 我怎样才能获得甜蜜警报弹出消息内容的值(value)？

Question

我使用 JQUERY Datatable js 和 SweetAlert.js

当点击 id 获取 id 时，数据表中有一个删除图标，并显示甜蜜的警报确认弹出窗口。当单击"is"时，它删除了正常工作。

我想获取有关警告消息内容的 id = "TITLE"值的信息。

数据表

<tbody>
     <tr>
       <td>@item.TITLE</td>
       <td>
       **<a href="javascript:void(0);" onclick="deleteuser('@item.id')"><i class="fa fa-trash-o"></i></a>**
       </td>
     </tr>
 </tbody>

SWEETALERT Js code This Point get need here (bold marked value) => text: "@TITLE are u want delete!" id title text should come here

function deleteuser(userid) {
    swal({
        title: "Are u sure?",
        text: "@TITLE are u want delete!",
        icon: "warning",
        buttons: {
            cancel: {
                text: "No, iptal!",
                value: null,
                visible: true,
                className: "",
                closeModal: false,
            },
            confirm: {
                text: "Yes, sil!",
                value: true,
                visible: true,
                className: "",
                closeModal: false
            }
        }
    })

Answer 1

你可以这样实现:

<tbody id="my-table">
     <tr>
       <td class="title">Some Title</td>
       <td>
       <a href="javascript:void(0);" class="delete-btn" data-id="@item.id"><i class="fa fa-trash-o"></i></a>
       </td>
     </tr>
 </tbody>

稍后在 JavaScript 中:

$('#my-table').on('click', '.delete-btn', function(){
var deleteBtn = $(this),
id = deleteBtn.data('id'),
title = deleteBtn.closest('tr').find('.title').text();

swal({
        title: "Are u sure?",
        text: title + " are u want delete!",
        icon: "warning",
        buttons: {
            cancel: {
                text: "No, iptal!",
                value: null,
                visible: true,
                className: "",
                closeModal: false,
            },
            confirm: {
                text: "Yes, sil!",
                value: true,
                visible: true,
                className: "",
                closeModal: false
            }
        }
    })
});