Javascript图像src属性返回错误值答案

【问题标题】：Javascript image src attribute returns wrong valueJavascript图像src属性返回错误值
【发布时间】：2015-01-27 20:18:26
【问题描述】：

我有一个小 javascript 代码附加到一个带有 onclick 到以下代码的按钮上：

function ondelete () {

    var getDiv = document.getElementById("imgdiv");
    var lb_img = $("#imgdiv").children();
    for (var i = 0; i < lb_img.length; i++) {
        console.log(lb_img[i].src);
    }
}

这会返回一个很棒的输出，这是使用 F12 开发者工具在 chrome 中打开时对应的 html：

<div id="imgdiv" class="modal-body next">
    <img draggable="false"src="http://(urlfrommywebsite)/A_LANX/get/OTc1/179f42">
</div>

所以代码应该返回那个 src 属性，但它却返回

http://127.0.0.1/stage/local/admin/galleries/gallery/2

这是我的网址。在其他图像上，它返回另一个 img 或同一个 url 的值，真的很奇怪。这一切都发生在灯箱内，所以没有打开灯箱的正常代码是

<div id="imgdiv" class="modal-body next"></div>

我真的被困在这里，所以一点帮助真的很有用:)

编辑：

到目前为止似乎没有任何答案有帮助，对于其他可能具有 getImage() 或类似功能的灯箱有什么建议吗？

附言fancybox 也不适合我。

【问题讨论】：

blueimp.github.io/Bootstrap-Image-Gallery 这是使用的图片库
请提供小提琴。

标签： javascript jquery html onclick src

【解决方案1】：

使用jQuery的attr()获取属性

$("img").attr("src");

相应地编辑选择器

http://jsfiddle.net/b3xdgn83/1

【讨论】：

抱歉，我对 javascript 不是很熟悉，如何相应地编辑选择器？
我刚刚选择了所有图片，但您可以指定 id 或类。
由于某种原因 attr 对我不起作用，getAttribute 对我有用，这是一样的吗，因为 getAttribute 不能解决我的问题

【解决方案2】：

您正在使用此代码获取图片网址。

<div id="imgdiv" class="modal-body next">
<img draggable="false" src="http://wallpoper.com/images/00/31/33/51/black-background_00313351.jpg">

jQuery 代码：

$( document ).ready(function() {
alert($('#imgdiv img').attr('src'));

});

Live Demo

【讨论】：

我一直有同样的问题，可能和灯箱有关，但它的api中没有getimage功能或类似的东西，很烦人。
你的图片路径获取到任何数据属性？
并使用了 live() 或 ON() jQuery 函数

【解决方案3】：

你可以试试这个：

function ondelete() {

        var lb_img = $("#imgdiv").children();
        for (var i = 0; i < lb_img.length; i++) {
            console.log(lb_img[i].getAttribute("src"));
        }
    }

有关 attr() 和 getAttribute() 的更多信息，请参阅此帖子：Difference between jQuery's attr() and getAttribute()

【讨论】：