为什么我仅使用JQuery获得文本而不是HTML？

Question

我有一个H1标签，并且我想在单击按钮时获得此元素的HTML()，但现在仅获取文本而不是HTML。如何获得正确的HTML？

我的代码：-

$(function(){
$('button').click(function(){
  alert($('h1').html());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h1 style="color:indianRed">Heading 1</h1>

<button>Click</button>

Answer 1

您应使用outerHTML

$(function(){
$('button').click(function(){
  alert($('h1')[0].outerHTML);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h1 style="color:indianRed">Heading 1</h1>

<button>Click</button>