Объединение ячеек с помощью Javascript

#javascript #join #html-table #cells

#javascript #Присоединиться #html-таблица #ячейки

Вопрос:

Я пытаюсь сделать все возможное, планируя, как это сделать, но я не могу…

Пример:

У меня есть таблица с идентификатором, но нет идентификаторов td…

У меня есть четыре td для каждого 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>

Итак, я хочу сгенерировать в той же таблице этот вывод:

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

От 4 тд до 2 тд в таблице, отображающей четыре значения.

1. Что вы уже пробовали? Почему бы вам не показать нам какой-нибудь код, с которого можно начать? Вам будет легче помочь

2. Если вы можете описать проблему, которую вы пытаетесь решить, внося изменения в таблицу, мы, вероятно, могли бы предложить альтернативное решение.

Ответ №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 /

1. Привет, унгарида, спасибо за ваш ответ! Только одна проблема … я хочу изменить таблицу автоматически, не нажимая кнопку. Извините, но мои знания новичка о jS оооочень низкие.

2. Вызовите функцию morphTable напрямую. $(документ). готово(функция(){ morphTable(); });