javascript - 如何获取 parent 有更多 child 的图像 HTML？

Question

我想获取图像的整个 HTML 标记 ( <img src="url" ... /> )。我可以用 .html() 来做如果我引用它的父项，则函数:

<div id="image">
  <img src="url" />
</div>

和 JQuery:

$('#image').html()

但是如果我没有图像“唯一”父级，我怎么能这样做呢:

<div id="image">
  <img src="url" />
  <!-- Here some stuff. E.g. -->
  <div><p>Something</p></div>
</div>

如果我这样做 $('#image').html()在这里，我会得到全部内容。如果我这样做 $('#image img').html()我会得到一个空字符串。

我怎样才能得到整个 <img>在这里标记？

Answer 1

您可以使用 .outerHTML

$('#image img').prop('outerHTML')
$('#image img')[0].outerHTML //in this case you need to test whether $('#image img')[0] exists

演示:Fiddle