使用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');