如何使用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. 。先後（）返回一個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')); 
    } 
}