Javascript 识别具有相同id的元素

我用

for

循环创建了一些元素，我想得到值和源代码，但似乎我做不到

我做了一个演示

我的函数似乎只对

for

循环创建的最后一个元素起作用

$("#emprev").click(function(){
    var hisval = $(this).attr("value");
    var hissrc = $(this).attr("src");
    alert(hisval);
    alert(hissrc);
});

---

id

属性应该是唯一的，因此当您使用jquery通过元素的id（使用

#

）获取元素时，您将只获取第一个元素

您应该改为使用类：

$(".emprev").click(function(){
    var hisval = $(this).attr("value");
    var hissrc = $(this).attr("src");
    alert(hisval);
    alert(hissrc);
});

以下是对代码的更新：

var-emval=['：D'，'：C'，'8'，：O'，'：），'.'u'，'：heart:'，'：P'，'；P'，'；），'：（'，'，'-，'-'-'；
var emsrc=['http://emojipedia-us.s3.amazonaws.com/cache/18/2f/182fa3786046d170707fa46a257185cb.png','http://emojipedia-us.s3.amazonaws.com/cache/c5/a5/c5a5a52fa1633e19ab2648f23ab1ee37.png','http://emojipedia-us.s3.amazonaws.com/cache/c1/2c/c12c7f3797ed8fcdcbedffb2649abfb1.png','http://emojipedia-us.s3.amazonaws.com/cache/55/af/55af488f029266842c13a54d4c50fc11.png'，'http://emojipedia-us.s3.amazonaws.com/cache/be/22/be22105632cfc32abf7b24bed3924e12.png','http://emojipedia-us.s3.amazonaws.com/cache/ce/1a/ce1a33d6a4535ce73c8b2b899d51071b.png','http://emojipedia-us.s3.amazonaws.com/cache/3e/f0/3ef0aeaf797844b672df6198c53ba479.png','http://emojipedia-us.s3.amazonaws.com/cache/43/be/43be98eee74f44eddec9c3137b1edf28.png'，'http://emojipedia-us.s3.amazonaws.com/cache/7e/d5/7ed517c9f335c3171b6f92685514667a.png','http://emojipedia-us.s3.amazonaws.com/cache/58/be/58be1ae13dbf3fb471f7f598a0365734.png','http://emojipedia-us.s3.amazonaws.com/cache/0c/04/0c04f9fd77dc486724c269587028e7d2.png','http://emojipedia-us.s3.amazonaws.com/cache/e6/7c/e67c860bd5cd2b9b443516171ec3c6a3.png'，'http://emojipedia-us.s3.amazonaws.com/cache/c1/05/c105ab901e2fa6e67b38879bcc0ac0b0.png'];
$（文档）.ready（函数（）{
对于（var i=0；i），id必须是唯一的，因此不能为多个元素的
id
属性赋予相同的值。请使用
class
属性来标记具有相同类型的多个元素。