5

Jqueryでテーブルhtmlを取得しようとしています。

私は次のものを持っています：

<table id='table' border='1'>
<tr><td>items...</td><td>items2...</td></tr>
<tr><td>items...</td><td>items2...</td></tr>
<tr><td>items...</td><td>items2...</td></tr>
<tr><td>items...</td><td>items2...</td></tr>
</table>

私は持っている

var test = $('#table').html()

しかし、私がconsole.log(test)を取得したとき

<tr><td>items...</td><td>items2...</td></tr>
<tr><td>items...</td><td>items2...</td></tr>
<tr><td>items...</td><td>items2...</td></tr>
<tr><td>items...</td><td>items2...</td></tr>

<table>タグなし。

とにかくこれを修正する方法はありますか？どうもありがとう！

4

3 に答える 3

18

より jQuery 指向のアプローチは、テーブルから outerHtml プロパティを取得することです。

 $('#table').prop('outerHTML')
于 2013-10-29T19:25:19.367 に答える
3

1 つのオプションは次のとおりです。

document.getElementById('table').outerHTML;

JS フィドルのデモ。

または、代わりに次のこともできます。

$('<div />').html($('#table').clone()).html();

JS フィドルのデモ。

于 2013-10-29T19:21:38.820 に答える
0

別のオプションは、テーブルを別のものでラップし、代わりにその要素の html() を取得することです。

マークアップの例:

<div class="wrapper">
    <table id='table' border='1'>
        <tr><td>items...</td><td>items2...</td></tr>
        <tr><td>items...</td><td>items2...</td></tr>
        <tr><td>items...</td><td>items2...</td></tr>
        <tr><td>items...</td><td>items2...</td></tr>
    </table>
</div>

そしてjQuery：

var table = $('.wrapper').html();

ただし、@ David Thomasの回答を使用する必要があります。

于 2013-10-29T19:24:14.470 に答える