尝试通过Jquery和目标div标记在表中输出行循环

Question

我有一个HTML表，我已经在其中一行中包含了一个div标签，因此jQuery可以替换我的PHP输出中的w / row / rows。

这是该表在代码中的样子（这里更容易查看）：

我的jQ加载

$("#points_details_data").load("points_view.php?eid=<?php echo $eid;?>");

和PHP输出这个实际代码：

<tr><td bgcolor='#FFFFFF'>&nbsp;</td>
    <td bgcolor='#FFFFFF'>test</td>
    <td align='right' bgcolor='#FFFFFF'>- 100</td>
</tr>

但得到的显示/渲染是PHP输出在目标div之外。请参见此处获取实际输出的屏幕截图：

我有一种感觉，我不能在桌子内划分目标..我可以吗？

Answer 1

你不能在tr标签周围有一个div。您可以将该ID放在tr上并使用类似的东西。

$.get("points_view.php?eid=<?php echo $eid;?>", function(data){
    $("#points_details_data").after(data);
});

一个更好的解决方案是使用thead，tbody和tfoot标签来包裹桌头，身体和页脚并将id放在桌子上。然后ajax调用将更改为

$.get("points_view.php?eid=<?php echo $eid;?>", function(data){
    $("#points_details_data tbody").append(data);
});

Answer 2

把你的<div>标签放在你的<td>标签内..

然后你可以使用：

var id = <?php echo $eid;?>;

document.getElementById("points_details_data").innerHTML = id;