Question

我正在从数据库中检索记录并创建行;在每行的前面我放了一些图标（删除形状）来表示用户可以删除记录，

<img id="imgDelete" name="<?php echo $Row['ID']; ?>" src='<?php echo $page_path; ?>/images/cross.png' border='0' alt='Delete' />

然而在JQuery中我可以为img.click创建函数：

$("imgDelete").click(function()
{
    alert("clicked");
});

在这里，当我点击行中的第一个图像时，我只得到一个警报，我认为这是因为所有图像的id都相同，我可以将id更改为

 id="imgDelete<?php echo $Row['ID']"

但是如何在图像数组上创建on.click事件处理程序？

Answer 1

试试这个...

<img id="imgDelete<?php echo $Row['ID']" name="<?php echo $Row['ID']; ?>" src='<?php echo $page_path; ?>/images/cross.png' border='0' alt='Delete' />

$('img[id^="imgDelete"]').click( function(){
      var id = $(this).prop("name");
      alert(id);
});

Answer 2

如果您使用ID在jquery中选择某些内容使用

$("#imgDelete")

'＃'标记。样品是......

$("#imgDelete").click(function()
{
    alert("clicked");
});

Answer 3

您可以使用类选择器而不是使用id选择器。

我的意思是

$(".classname").click(function(){

});

而不是

$("#id").click(function(){

});

一旦你得到了这个项目，你就可以获取它的id并发送到服务器，无论你想要的是什么：

$(".classname").click(function(){
    var id=$(this).attr("id");
//send id to server
});

在特定的img上执行JQuery点击它们的动态列表？

3 个答案: