如何获取所选元素的html代码？

Question

我正在尝试使用以下代码获取子元素的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;
});

Answer 1

这样做：

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

您想要阅读.html()所在的#cont的{​​{1}}。

Answer 2

的console.log（$（ “＃续”）。HTML（））

Answer 3

就像这样：

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

Answer 4

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