javascript - 无法传递动态创建的图像 ID 并警告它

Question

我在 Jquery 中动态创建图像并尝试向其添加控件当用户单击图像时，我想弹出带有图像 ID 的 alert()。但我无法成功在警报框中显示图像的 ID。请帮我在警报框中显示图像的 ID。

这是显示警报框的代码

function category_follow(search_txt) {
    alert(this.Attr('name'));
}

这是我动态创建图像的代码

$.ajax({
url: 'HoverCard_WebService.aspx?q=' + encodeURIComponent(span_text),
type: 'GET',
dataType: 'json',

beforeSend: function () {
    $(".hovercard").prepend('<p class="loading-text">Yükleniyor...</p>');
},
success: function (data) {
    $(".hovercard").empty();
    $.each(data, function (index, value) {
        var search_txt = 'TestArif4';
        result += '<div><button class=\'takibe_al\' name=\'test_name\' id=\'btn_test_id\' onClick=category_follow(\'' + value.id + '\')><img id=\'img_category_follow\' src=\'images/hover_card_plus_icon.png\' class=\'hover_cursor_hand\' /></button></div>';
    });
},

Answer 1

你在用你的“结果”变量做什么？

function category_follow(search_txt) {
    alert(this.Attr('name'));
}

this指 DOM 元素，如果您使用 jQuery ，“Attr”可能应该是“ attr ”。

我建议您使用 jQuery 来绑定您的事件，而不是使用元素属性onClick；

$(document).on('click', '.takibe_al', function(event) {
  var $this = $(this);
  alert('Clicked on element with name = ' + $this.attr('name'));
});

见上。_