无法传递动态创建的图像ID并提醒它

时间:2013-02-28 12:15:39

标签: javascript jquery

我在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>';
    });
},

1 个答案:

答案 0 :(得分: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'));
});

请参阅on