在多個表中插入表內容

Question

我有幾個表，每個表都有不同的ID，但在不同的html頁面上具有相同的條目。 是否可以僅在一個位置共享自動文件，然后將其調用（或回顯）到其余頁面？

就像是：

<table id="table1">
    <thead>
        <tr>
            <th>Name</th>
        </tr>
    </thead>
    <tbody> 
        <tr>
            <td>John</td>       
        </tr>
        <tr>
            <td>Ida</td>
        </tr>
        <tr>
            <td>Thor</td>
        </tr>
        <tr>
            <td>Diana</td>  
        </tr>
        <tr>
            <td>Chris</td>
        </tr>
</table>

<table id="table2">
    <thead>
        <tr>
            <th>Name</th>
        </tr>
    </thead>
Insert tbody from table1
</table>

Answer 1

讓你的第一個表成為

首先在表1的tbody中定義一個類為tableData1

    <table id="table1">
        <thead>
            <tr>
                <th>Name</th>
            </tr>
        </thead>
        <tbody class="tableData1"> 
            <tr>
                <td>John</td>       
            </tr>
            <tr>
                <td>Ida</td>
            </tr>
            <tr>
                <td>Thor</td>
            </tr>
            <tr>
                <td>Diana</td>  
            </tr>
            <tr>
                <td>Chris</td>
            </tr>
        </tbody>
    </table>

讓您將表1插入另一個表2中tbody 2

<table id="table2">
    <thead>
        <tr>
            <th>Name</th>
        </tr>
    </thead>
<tbody class="tableData2"></tbody>
</table>

    $(document).ready(function(){   
    $('.tableData1').clone().insertAfter('.tableData2');
    })