使用 Javascript 连接单元格

发布于 2024-12-12 17:23:20 字数 618 浏览 2 评论 0原文

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

示例：

我有一个带有 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。

原文

I'm trying to do my best effort planning how to do this but I can't...

Example:

I have a table with id, but not td id's...

I have four td's en each tr.

<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>

So, what I want is to generate in the same table this output:

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

From 4 td to 2 td in the table showing the four values.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

顾北清歌寒 2024-12-19 17:23:20

编辑：我误读了您的目标 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;
}

Edit: I misread your target HTML and gave you something you weren't looking for. Here's the corrected code that gives you the HTML result you want:

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;
}

回复收藏 0 原文