Javascript 如何获取img id,以便基于点击式共享或点击式评论动态构建img标签

Javascript 如何获取img id,以便基于点击式共享或点击式评论动态构建img标签,javascript,jquery,html,css,Javascript,Jquery,Html,Css,各位晚上好 背景:我从Mongo数据库获取图像列表,然后调用ajax将这些数据加载到特定的div中 在这里,我动态构建这些img标记,然后将其附加到div 现在,我正试图根据用户操作获取img id,比如说单击特定img的“共享按钮”,然后我必须获取图像id,然后必须使用该图像id搜索DB 在ajax调用之后,我的代码是: function showImages(imageList) { for ( var i = 0, len = imageList.length; i < le

各位晚上好

背景:我从Mongo数据库获取图像列表,然后调用ajax将这些数据加载到特定的div中

在这里,我动态构建这些img标记,然后将其附加到div

现在,我正试图根据用户操作获取img id,比如说单击特定img的“共享按钮”,然后我必须获取图像id,然后必须使用该图像id搜索DB

在ajax调用之后,我的代码是:

function showImages(imageList) {
    for ( var i = 0, len = imageList.length; i < len; i++) {
        var elem = document.createElement("img");
        elem.src = 'getImg/' + imageList[i][0] + '/' + imageList[i][1];
        elem.id = imageList[i][2];
        alert(elem.id);
        elem.height = '100';
        elem.width = '100';
        elem.alt = 'SPF HYD';
        /* $("a[id=shareImage]").click(function(){ 
            var qwerty = $("img", $(this).parent()).attr("id");
            alert('image id is after anchor by click...'+qwerty);
        }); */
        var image = document.getElementById("imageLoad");
        image.appendChild(elem);
    }
}
函数显示图像(图像列表){
对于(var i=0,len=imageList.length;i

有人能帮我弄到图像id onclick或任何按钮触发器吗

使用addEventListener函数向动态创建的元素添加事件侦听器

var div=document.getElementById(“div”);
var imgShare=document.createElement(“img”);
imgShare.src=”http://icons.iconarchive.com/icons/graphicloads/100-flat-2/128/share-2-icon.png";
imgShare.id=“post002”;
imgShare.addEventListener(“单击”,共享);
儿童分部(imgShare);
var imgLike=document.createElement(“img”);
imgLike.src=”http://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/102011/like_icon.png?itok=nkurUMlZ";
imgLike.id=“post001”;
imgLike.addEventListener(“单击”,类似);
儿童分部(伊姆格利克);
功能共享(e){
警报(“共享id:+e.currentTarget.id”);
}
函数式(e){
警报(“类似id:+e.currentTarget.id”);
}

我将一个快速演示放在一起,以演示我的意思。这使得使用

函数显示图像(图像列表){
对于(var i=0,len=imageList.length;i
按钮与图像的关系如何?每个图像都有它的按钮吗?我们确实需要您的帮助来解决这个问题。我建议对动态创建的元素使用事件委派。只需为委托给img标记的文档分配一个jQuery事件处理程序,如so
$(document)
your HTML structure?,只想看看share按钮和图像HTML结构。这个答案没有解决问题的关键部分。@Bishal,如何在shared或liked方法中获取图像id(不是shared pic或liked pic)。我有一个图片列表,每个图片都有喜欢和分享,评论按钮。现在我需要在单击共享选项时获取实际的图像id。我希望它能给你提供很好的细节。@Bishal,你太棒了,谢谢兄弟。我从你的帖子中整理出来的。我现在可以快乐地睡觉了@SriniReddyM我很高兴知道它解决了你的问题。请接受答案。如果单击“共享按钮”进行相应的img。@ZakariaAcharki我的代码概述了事件委派的过程-他可以从中推断出必要的内容there@JonathanBrooks,如何在该图像中包含共享或类似评论选项。