如何将自定义html标记传递给jquery-确认？

Question

我最近遇到了这个问题，我不知道该如何解决。

我使用jquery-confirm在Ajax调用结束时显示通知。

这是我的html块

<td>
  <a id="myID" data-header="{% item.name %}" name="myName" class="btn btn-xs btn-info" href="{% url 'start_server' item.id %}">
    <span class="fa fa-signal"></span>
  </a>
</td>

我想要我的html中的data-header

这是我的ajax电话

$('a[name=myName]').click(function () {
    $('#loader').fadeIn();
    alertify.success('please wait...');
    $.ajax({
        type: "GET",
        dataType: "json",
        url: "",
        success: function (d) {
            setTimeout(function () {
                $('#loader').fadeOut(1500);
            }, 2000);
        }
    });
});

这是我的jquery-confirm

    function myFunction(msg) {
   var lHeader = attributes.getNamedItem("data-header") ? this.attributes.getNamedItem("data-header").value : "ALERT!";
    $.confirm({
        title: lHeader,
        content: msg,
        icon: 'fa fa-exclamation-circle',
        type: 'red',
        typeAnimated: true,
        buttons: {
            cerrar: function () {
            }
        }
    });
    }

基本上，

我想在执行结束时显示我的lHeader，但它不起作用。

我所犯的错误

未定义的TypeError:无法读取未定义的属性“getNamedItem”

有人能帮我做到这一点吗？

Answer 1

您可以使用jquery的数据方法访问数据属性，因此请使用以下方法：

function myFunction(msg) {
    var lHeader = $('a[name=myName]').data("header") || "ALERT";
    ...
}