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

我尝试使用以下代码获取子元素的html代码：

HTML

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

我希望在我的控制台中有

但它一无所获。我不知道怎么了。我很确定我犯了一些愚蠢的错误

谢谢

链接到jsBin:

---

编辑

正确答案

我不知道有人刚刚发布了正确的答案并删除了它

以下是我一直在寻找的：

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

这可以做到：

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

您要阅读

“/code>”cont

中的

/code>，其中
img
位于。
控制台.log（$（“（“\cont”）.html（））
将如下所示：

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

只有当img是
#cont
的独生子时，这才有效。是的，但你不能保证“现实生活”中的结构如此简单。完全同意@Juhana！我简化了结构，将重点放在问题上。这在3分钟前已经得到了回答。不需要有4个相同的答案“我不知道怎么了。”
.html
返回元素的内部html。图像元素不能有子元素，因此其内部HTML是空字符串。“我希望在我的控制台中有
”——而不仅仅是图像url。
console.log($("#cont").html())

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