Javascript 使用JQuery将load（）的结果追加到表中并格式化

我正在尝试将JQuery load（）中的数据追加到表中。虽然我能够成功地将数据追加到表中，但追加的结果的格式与表的其余部分不一致

表格的当前格式（追加后）

所需格式

+---------------------------------------------------+
|                    Data                           |
-----------------------------------------------------
|    Data                |            Data          |
-----------------------------------------------------
|    Data                |            Data          |
-----------------------------------------------------
|      Append Data       |        Append Data       |
 -----------------------------------------------------
|      Append Data       |        Append Data       |
-----------------------------------------------------
|      Append Data       |        Append Data       |
-----------------------------------------------------

代码摘录：

    <table id="edititemtable" border='1'>

<tr>
    <td colspan='2'>Item Info</td>
</tr>

<tr>
    <td>Select Category: </td>
    <td>
        <select id='changeitemcat' name='changeitemcat'></select>
    </td>
</tr>

<tr>
    <td>Select SubCategory: </td>
    <td>
        <select id='changeitemsubcat' name='changeitemsubcat'></select>
    </td>
</tr>

<div id="details" name="details">
</div>

</table>

<table id="edititemtable" border='1'>

<tr>
    <td colspan='2'>Item Info</td>
</tr>

<tr>
    <td>Select Category: </td>
    <td>
        <select id='changeitemcat' name='changeitemcat'></select>
    </td>
</tr>

<tr>
    <td>Select SubCategory: </td>
    <td>
        <select id='changeitemsubcat' name='changeitemsubcat'></select>
    </td>
</tr>

<tr>
    <td colspan="2" id="details" name="details">
    </td>
</tr>

</table>

.load（）文件的提取

while（$extractdetails=$getitem->fetch（PDO:：fetch_ASSOC））
{
//数据保存到相关变量中
回声“；
回声“；
回显“项目名称”；
回声“；
回声“；
回声“；
回声“；
回声“；
回声“；
回声“；
回应“项目价格”；
回声“；
回声“；
回声“；
回声“；
回声“；
回声“；
回声“；
回显“项目信息”；
回声“；
回声“；
回显“$iteminfo”；
回声“；
回声“；
回声“；
回声“；
回声'；
回声“；
回声“；
回声“；
回声“；
回声“；

}

问题

如何获得所需的格式

为什么要将附加的数据强制放入其中一个

解决方案：

    <table id="edititemtable" border='1'>

<tr>
    <td colspan='2'>Item Info</td>
</tr>

<tr>
    <td>Select Category: </td>
    <td>
        <select id='changeitemcat' name='changeitemcat'></select>
    </td>
</tr>

<tr>
    <td>Select SubCategory: </td>
    <td>
        <select id='changeitemsubcat' name='changeitemsubcat'></select>
    </td>
</tr>

<div id="details" name="details">
</div>

</table>

<table id="edititemtable" border='1'>

<tr>
    <td colspan='2'>Item Info</td>
</tr>

<tr>
    <td>Select Category: </td>
    <td>
        <select id='changeitemcat' name='changeitemcat'></select>
    </td>
</tr>

<tr>
    <td>Select SubCategory: </td>
    <td>
        <select id='changeitemsubcat' name='changeitemsubcat'></select>
    </td>
</tr>

<tr>
    <td colspan="2" id="details" name="details">
    </td>
</tr>

</table>

项目信息
选择类别：
选择子类别：

---

另外，我目前正在HTML中使用HTML5和PHP

<table id="edititemtable" border='1'>

<tr>
    <td colspan='2'>Item Info</td>
</tr>

<tr>
    <td>Select Category: </td>
    <td>
        <select id='changeitemcat' name='changeitemcat'></select>
    </td>
</tr>

<tr>
    <td>Select SubCategory: </td>
    <td>
        <select id='changeitemsubcat' name='changeitemsubcat'></select>
    </td>
</tr>
    <tr>
        <td colspan="2">
<table id="details" name="details" >
</table>
        </td> 
        </tr>
</table>

将

放在

中是无效的（如果它不在

和

中），因此如果您尝试这样做，您将看到“不正确”（就您而言）的结果。最简单的解决方案是将其从

更改为

元素，这对于位于

元素内部并包含表行是完全有效的：

<table id="edititemtable" border="1">
    <tr>
        <td colspan="2">Item Info</td>
    </tr>
    <tr>
        <td>Select Category:</td>
        <td>
            <select id="changeitemcat" name="changeitemcat"></select>
        </td>
    </tr>
    <tr>
        <td>Select SubCategory:</td>
        <td>
            <select id="changeitemsubcat" name="changeitemsubcat"></select>
        </td>
    </tr>
    <tbody id="details"></tbody>
</table>

---

新表行正在加载到现有表中的一个div中，这不会像您所希望的那样工作我已经尝试过了，我能够成功加载附加的数据，但它被压缩到一个（即我得到的当前格式）中我得到了解决方案（我用它更新了我的问题）我会接受你的回答，因为这是最接近解决方案的答案（并帮助我解决了问题）。我编辑了我的代码。请看，我在apply colspan中做了一个td，这样它将适合你的数据

  $("#edititemtable").append($("#details").load('changeitem.php?cat='+cat+'&subcat='+subcat+'&item='+item));

<table id="edititemtable" border="1">
    <tr>
        <td colspan="2">Item Info</td>
    </tr>
    <tr>
        <td>Select Category:</td>
        <td>
            <select id="changeitemcat" name="changeitemcat"></select>
        </td>
    </tr>
    <tr>
        <td>Select SubCategory:</td>
        <td>
            <select id="changeitemsubcat" name="changeitemsubcat"></select>
        </td>
    </tr>
    <tbody id="details"></tbody>
</table>

$('#details').load('changeitem.php?cat='+cat+'&subcat='+subcat+'&item='+item);