javascript - jQuery使用数据属性的更多点击功能

我必须链接多个内容（数据库查询的结果）。我尝试使用多个单击功能，但网站速度确实很慢，所以我尝试执行此操作。

PHP编写的HTML元素：

<img id="click" src="images/like.png" alt="" width="80%" data-event="'.$rows[$i][id].'"/>

jQuery代码：

<script>

    $(document).ready(function()

    {

        $('#click').click(function()
        {

            var id = $(this).data('event');
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari

                xmlhttp=new XMLHttpRequest();
                xmlhttp.open("GET","likes.php?eid="+id+"&ip=IPADDRESS",true);
                xmlhttp.send();

            }
            document.location = "index.php";

        });

    });
</script>

但这仅适用于第一个元素...

最佳答案

$("#click")

将仅返回第一个元素。由于ID必须是唯一的。

而是将其更改为class它将起作用

$(".click")

这将返回您所有图像的列表

但是您仍然可以不修改上面的HTML，但是我不推荐它

$("img[id^=click]") // don't use this ever , just to know even this will work