jquery 怎样给每个图片添加点击事件？

Posted 2023-04-19

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery 怎样给每个图片添加点击事件？相关的知识，希望对你有一定的参考价值。

例如： $(function()
$("#tdClass tr td img").each(function()
$(this).onClick="getLocation()";
);
);
table的ID=“tdClass ” ，我想给td中的每个图片设置点击事件！怎么做？

参考技术A img 的 Click 是不受浏览器承认的
试试用
$('img').live('click', function()
getLocation();

);

function getLocation()
alert('get');
参考技术B $("#tdClass tr td img").click(function()
getLocation();
);
直接这样就可以了追问

你确定？貌似不行

追答

我就是这么加的，怎么可能不行
getLocation();
这个方法直接在这里
写click(function()
alert("测试一下就知道了"); );

追问

没用不弹出

追答

大哥，这么简单的一个弹框都不弹
#tdClass tr td img你确定这个对吗？
如果可以的话你最好看看你这些图片的布局路径

本回答被提问者采纳参考技术C

如果图片能显示，但图片的点击事件无效，那肯定是

图片点击事件的代码在动态生成图片的代码之前。

先来个错误的栗子：

// 图片的点击事件
$("img").click(function ()
console.log("click img");
);

// 添加图片
$("body").append($("<img>").attr("src",url));

这才是正确的：

1.把点击事件放在添加图片后面

// 添加图片
$("body").append($("<img>").attr("src",url));

// 图片的点击事件
// 1.click方法
$("img").click(function ()
  console.log("click img");
);

// 2.on方法
$("img").on("click",function ()
  console.log("click img");
);

2.委托其他元素(加载img元素前已存在的元素)触发事件

// 图片的点击事件
$("body").on("click","img",function ()
console.log("click img");
);

// 添加图片
$("body").append($("<img>").attr("src",url));