如何使用javascript查找锚定标记下的图像

HTML

<div id="mydiv">
    <a id="a1" href="javascript:DisplayURL();">
    <img src="image1.png" />
    </a>
</div>

我在警报？

点中未定义

.has（）返回jQuery包装，因此需要测试返回对象的长度

由于

a

元素有一个

id

选择器

$（'#mydiv'）.find（'#a1'）

可以减少为

$（'#a1'）

$（“#a1 img”）

选择

a1

内的

img

，因此无需使用.find（）

应该是

function DisplayURL() {
    if ($('#a1').has("img").length) {
        alert($('#a1 img').attr('src'));
    }
}

它可以进一步更改为

function DisplayURL() {
    var $imgs = $('#a1 img');
    if ($imgs.length) {
        alert($imgs.attr('src'));
    }
}

要点

.has（）返回jQuery包装，因此需要测试返回对象的长度

由于

a

元素有一个

id

选择器

$（'#mydiv'）.find（'#a1'）

可以减少为

$（'#a1'）

$（“#a1 img”）

选择

a1

内的

img

，因此无需使用.find（）

应该是

function DisplayURL() {
    if ($('#a1').has("img").length) {
        alert($('#a1 img').attr('src'));
    }
}

它可以进一步更改为

function DisplayURL() {
    var $imgs = $('#a1 img');
    if ($imgs.length) {
        alert($imgs.attr('src'));
    }
}

你可以这样试试

function DisplayURL() {
    if ($('#mydiv #a1').has("img").length) {
        alert($('#mydiv #a1').find("img").attr('src'));
    }
}

你可以这样试试

function DisplayURL() {
    if ($('#mydiv #a1').has("img").length) {
        alert($('#mydiv #a1').find("img").attr('src'));
    }
}