php - 使用图像按钮的 onClick 事件调用 jQuery 函数

Question

我有一个表单，其中使用 PHP 构建了动态数据表。每行内都有一个图像，单击该图像时将通过单击事件调用 jQuery 函数。

例如，如果图像的 id 为 eventnfo_0，我有一个如下函数:

$("#eventnfo_0").click(function()

只要我为每一行定义了单击事件，一切都可以正常工作。问题是，我需要使其动态化，因为行数可能会有所不同，因此为每行构建如上所述的单独函数是不可行的。

我的想法是必须有一种方法可以从 onclick 事件调用 jQuery 函数并传递行号，但到目前为止，还没有。

我确信这不是一个不常见的任务，但我的搜索运气不佳。

任何想法都值得赞赏。

Answer 1

有很多方法可以做到这一点...在每个 img 中调用相同的类并将其用作选择器...

$('.yourClassName').click(function(){alert($(this).attr('id'));});

或

 $("[id^='eventnfo_']").click(function(){
     alert($(this).attr('id'));
 });

由于它是动态添加的，这可能会有所帮助..

$(document).on('click',"[id^='eventnfo_']".click(function(){
     alert($(this).attr('id'));
 });

已更新

您可以使用行号的data属性并从jquery获取它..

说这是你的 html。

 <img id="eventnfo_0" data-rownumber="1"/>

和jquery

$("[id^='eventnfo_']").click(function(){
     alert($(this).data('rownumber')); //this will alert 1
 });