Question

我有一个小的javascript代码附加到按钮上，点击以下代码：

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（）或类似的东西吗？

P.S。 fancybox也不会为我辞职。

Answer 1

使用jQuery＆＃39; s attr（）来获取属性

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

相应地编辑选择器

http://jsfiddle.net/b3xdgn83/1

Answer 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

Answer 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()

Javascript图像src属性返回错误的值

3 个答案: