如何使用JavaScript在錨標簽下查找圖像

Question

HTML

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

使用Javascript

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

我在警報中變得不確定嗎？

Answer 1

點

1. .has（）返回一個jQuery包裝器，因此您需要測試返回對象的長度
2. 由於a元素具有id將選擇器$('#mydiv').find('#a1')簡化為$('#a1')
3. $('#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'));
    }
}

Answer 2

您可以這樣嘗試。

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