使用 Javascript 连接单元格答案

【问题标题】：Joining cells with Javascript使用 Javascript 连接单元格
【发布时间】：2011-12-17 03:45:10
【问题描述】：

我正在尽我最大的努力计划如何做到这一点，但我不能......

例子：

我有一个带有 id 的表，但没有 td id 的...

我每个 tr 有四个 td。

<tr>
<td>one</td><td>two</td><td>three</td><td>four</td></tr>
<tr>
<td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>

所以，我想要的是在同一个表中生成这个输出：

<tr>
<td>one two</td><td>three four</td></tr>
<tr>
<td>aaa bbb</td><td>ccc ddd</td></tr>

表格中从 4 td 到 2 td 显示了四个值。

【问题讨论】：

你已经尝试过什么？你为什么不向我们展示一些开始的代码？帮助你会更容易
如果您可以描述您尝试通过更改表来解决的问题，我们可能会建议另一种解决方案。

标签： javascript join html-table cells

【解决方案1】：

编辑：我误读了您的目标 HTML 并给了您一些您不想要的东西。以下是更正后的代码，可为您提供所需的 HTML 结果：

http://jsfiddle.net/gilly3/DxVAS/6/

var t = document.getElementById("myTable");
for (var i = t.rows.length - 1; i >= 0; i--) {
    var r = t.rows[i];
    r.cells[0].innerHTML += " " + r.removeChild(r.cells[1]).innerHTML;
    r.cells[1].innerHTML += " " + r.removeChild(r.cells[2]).innerHTML;
}

【讨论】：

【解决方案2】：

玩得开心：http://jsfiddle.net/ungarida/4C29u/

【讨论】：

您好 ungarida 感谢您的回复！只有一个问题...我想自动更改表格而不按按钮。抱歉，我的 js 新手知识太少了。
直接调用morphTable函数。 $(document).ready(function(){ morphTable(); });