jquery - 为什么我不能选择整个表？

Question

我正在研究一种使用名为 DocRaptor 的程序将一些表格数据从 HTML 页面导出到 Excel 的方法。我使用 PHP 使用他们的 API 传递数据，然后将数据转换为 Excel 电子表格。

但是，我似乎无法传递整个表格(包括开始 <table> 和结束 </table> 标签。

例如，如果我有以下 HTML 表格:

<table id="placement-table">
    <tr id="row">
    <td id="cell">Text1</td>
    </tr>
<tr id="row1">
    <td id="cell">Text2</td>
    </tr>
<tr id="row2">
    <td id="cell">Text3</td>
    </tr>
<tr id="row3">
    <td id="cell">Text4</td>
    </tr>
</table>

现在，例如，如果我使用 console.log($('#placement-table').html());我只得到以下输出:

<tbody><tr id="row">
    <td id="cell">Text1</td>
    </tr>
    <tr id="row1">
    <td id="cell">Text2</td>
    </tr><tr id="row2">
    <td id="cell">Text3</td>
    </tr><tr id="row3">
    <td id="cell">Text4</td>
    </tr>
</tbody>

为什么我错过了实际的打开和关闭<table></table>标签？是不是因为.html()只提供给定元素内的内容？我意识到我只是将信息记录到控制台，但我这样做只是为了可以看到正在传递的内容，因此我注意到它缺少这些标签。

希望这是有道理的，如果没有，我可以更新问题!

Answer 1

您可以使用outerHTML:

$('#placement-table')[0].outerHTML

或者:

var table = document.getElementById('placement-table').outerHTML

http://jsfiddle.net/eQRL3/