如何在 Sweet Alert 弹出消息内容中获得价值？

Question

我使用 JQUERY Datatable js 和 SweetAlert.js

当点击 id get id 并显示 sweet alert confirm poppup 时，数据表中有一个删除图标。当点击是它删除正常工作。

我想获取关于 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 代码 This Point get need here（粗体标记值）=> text: "@TITLE are u want delete!" id 标题文本应该在这里

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
            }
        }
    })
});