jquery 简单5行代码 点击弹出动态生成的图片

如图 上级要求在直播内容区域点击图片弹出新窗口，简单分析一下：每条信息包含着文字和图片以及调用网友回复的dome
也就是有3个层级 text 、 images 、blockquote、

直播区域每天有上千条数据 比较传统的做法是在for循环里面取图片的索引 indexOf
用jq on click 点击
获取图片 data-index = "'+data.images+'"
这样的做法显然比较蠢并且会加重web负担

后来发现 这样写岂不是直接一步到位简洁明了

直接上代码

[code=javascript]
$("#expertMessageToday").on("click",".chat-message","img",function(e){ //.chat-message直播信息的父级  
    var initialization =e.currentTarget.innerHTML;
    var alert_blank = $(initialization).children("img");                // children 返回所有子节点  P标签下就一个img 直接取到img的src
  
    if (alert_blank[0].currentSrc != "") {                                // 这里有有一个坑 图片未加载 弹出的会是一个空  so + 一个判断
           window.open(alert_blank[0].currentSrc, '_blank');
    }
});
[/code]

var alert_blank = $(initialization).children("img");    

 

window.open(alert_blank[0].currentSrc, '_blank');

弹出新窗口

如果要当前网页打开 window.location.href = (alert_blank[0].currentSrc, '_blank');

 

这里在啰嗦一句 location 是指定当前你打开的的地址栏！ location.href 不能打开新窗口！