javascript - 使用来自 img 标签的数据

Question

我有一个图像标签，如下所示:

<img data-original="imgserv/profilepics/2/702296.jpg" src="imgserv/blank.JPG" 
 id="702296" user_ip="65.346.36.192" class="lazy">

在 jQuery 中，如果我这样做了

$('.lazy').on('click', function() {
  alert(this.id);
});

我会得到我需要的特定 id。

我怎样才能让它也可以检索 user_ip 中的数据？

Answer 1

您可以像这样选择该属性(在点击处理程序中):

var user_ip = $(this).attr('user_ip');

我建议你让它成为一个像data-original这样的数据属性:

<img ... data-user-ip="...">

然后:

var user_ip = $(this).data('user-ip');