使用来自img标签的数据

Use data from img tag

本文关键字：标签数据 img 更新时间：2023-09-26

我有一个图像标签，看起来像:

<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中的数据?

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

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

我建议你把它作为一个数据属性，如data-original:

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

:

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