在动态列表中单击的特定img上执行JQuery

Execute JQuery on specific img clicked within dynamic list of them?

本文关键字：img 执行 JQuery 动态 列表 单击      更新时间：2024-04-25

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

<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事件处理程序呢？

试试这个。。。

<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);
});

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

$("#imgDelete")

"#"标记。样品是..

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

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

我是说

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

而不是

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

一旦你得到了这个项目，你就可以获取它的id，并发送到服务器上，这样你就可以随心所欲了：

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