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