jQuery 使用 .html() 获取包含目标元素的 HTML

Question

我有一个表，我想将HTML分配为字符串变量。如何做到这一点，以便字符串中包含开始/结束table标签？我知道我可以将表包装在容器中并获取容器的 HTML，但想知道是否有解决方案而不修改布局。

$(function() {
  // want the following variable to include open/closing table tags
  var tableHTML = $('table').html();
  
  alert(tableHTML);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
</table>

Answer 1

使用 outerHTML

$(function() {
  // want the following variable to include open/closing table tags
  var tableHTML = $('table')[0].outerHTML;
  console.log(tableHTML);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
</table>

Answer 2

试试这个。

$(function() {
  // want the following variable to include open/closing table tags
  var tableHTML = $('table').prop('outerHTML')
  
  alert(tableHTML);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
</table>