2013-06-19 19 views
0

我嘗試使用下面的代碼獲取子元素的html代碼:如何獲取選定元素的html代碼?

HTML

<div id="cont"> 
<img src="http://fakeimg.pl/230x153/555/FFF/?text=1" alt=""> 
</div> 

JQUERY

$(function() { 
    console.log($("#cont").find("img").html()); 
}); 

我想在有<img src="http://fakeimg.pl/230x153/555/FFF/?text=1" alt="">我控制檯

但它沒有任何回報。我不知道什麼是錯的。我很確定我犯了一些愚蠢的錯誤。

謝謝。

鏈接jsBin:http://jsbin.com/urahos/1/edit


編輯

正確答案

我不知道有人剛剛發佈了正確的答案,並刪除它。

下面就是我一直在尋找:

$(function(){ 
    $("#cont").find("img")[0].outerHTML; 
}); 
+0

* 「我不知道什麼是錯。」 *'.html'返回元素的** **內HTML。一個圖像元素不能有子元素,所以它的內部HTML是一個空字符串。 –

回答

0

這將做到這一點:

$(function() { 
    console.log($("#cont").html()); 
}); 

您想閱讀的#cont,其中img是的.html()

+1

只有當img是'#cont'的唯一孩子時,這纔會起作用。 – JJJ

+2

是的,但是你不能保證這個結構在「現實生活」中很簡單。 – JJJ

+1

完全同意@Juhana!我簡化了結構,把重點放在了這個問題上。 –

0

console.log($(「#cont」)。html())

0

這將是這樣的:

console.log($("#cont").html()) 
+1

這已經在3分鐘前回答了。不需要4個相同的答案 –

-1
$(function() { 
    var result=$("#cont").children('img').attr("src"); 
    console.log(result); 
}); 
+0

*「我想在我的控制檯中有''」* ---不僅僅是圖片的網址。 – JJJ