Jquery 为列表中的每个项目单击链接时，调用函数删除项目

我有一个jquery函数从数据库中获取项目列表。我想在每个项目旁边放一个链接，在那里我可以调用函数从数据库中删除该项目

function GetCertifications() {
       $("#userCertifications").empty();
       $("#certificationCount").text("Total - 0");
       var userId = $('#userId').val();
       // console.log("Current user Id to get certs " + userId);
       var i = 0;
       $.getJSON('json_data.php', { method: 'getCertifications', userId: userId }, function(data) {
          $.each(data, function(key, value) {
             i++;
             $("#certificationCount").text("Total - " + i);
             $("#userCertifications").append('<div class="usercert"><li>' + value.certName + '</li><a href="#">X</a></div>');
          });
       });
    }

---

如何将值传递到此函数中？我正在使用警报进行测试，但警报不会被调用。

您可以将数据id属性添加到每个要传递id的链接，然后单击添加处理程序：

$("#userCertifications").append('<div class="usercert"><li>' + value.certName + '</li><a href="#" data-id="' + value.id + '">X</a></div>');

$(document).ready(function() {
    $(".usercert a").click(function(event) {
        var id= $(event.target).data('id');
    });
});

$（“#用户认证”）.append（“
”+value.certName+”
）；
$（文档）.ready（函数（）{
$（“.usercert a”）。单击（函数（事件）{
var id=$（event.target）.data（'id'）；
});
});

您可以使用链接本身传输该信息。将删除URL设置为链接

href

或使用

数据-*

属性来存储证书ID或其他内容

在

数据-*

属性中设置ID：

$( "#userCertifications" ).append( '<div class="usercert"><li>' + value.certName + '</li><a href="#" data-certificate-id="123">X</a></div>' );

$( "#userCertifications" ).append( '<div class="usercert"><li>' + value.certName + '</li><a href="#" data-certificate-id="123">X</a></div>' );

$( ".usercert a" ).click( function( event ) {
    event.preventDefault();

    /* get certificate ID from the link element */
    var certId = parseInt( this.dataset.certificateId ),
        deleteUrl = '//example.org/delete/cert/' + certId;

    console.log( deleteUrl );


    /* …or use the link URL directly */
    var deleteUrl = this.href;

    console.log( deleteUrl );

} );