JQuery таблицы заменить - PullRequest
Новая
       4

JQuery таблицы заменить

1 голос
/ 16 июня 2010

У нас есть таблица: 

<table>
<tr>
    <td width="10">1</td>
    <td>text 1</td>
</tr>
<tr>
    <td width="10">2</td>
    <td>text 2</td>
</tr>
<tr>
    <td width="10">3</td>
    <td>text 3</td>
</tr>
<tr>
    <td width="10">4</td>
    <td>text 4</td>
</tr>
<tr>
    <td width="10">5</td>
    <td>text 5</td>
</tr>
<tr>
    <td width="10">6</td>
    <td>text 6</td>
</tr>
<tr>
    <td width="10">7</td>
    <td>text 7</td>
</tr>
<tr>
    <td width="10">8</td>
    <td>text 8</td>
</tr>
<tr>
    <td width="10">9</td>
    <td>text 9</td>
</tr>
<tr>
    <td width="10">10</td>
    <td>text 10</td>
</tr>
</table>

Мы обновляем эту таблицу, добавляя в каждый <tr> 3 <td>, каждый <td> с атрибутом width="10" должен бытьудалено.

Это должно выглядеть так: 

<table>
<tr>
    <td>text 1</td>
    <td>text 2</td>
    <td>text 3</td>
</tr>
<tr>
    <td>text 4</td>
    <td>text 5</td>
    <td>text 6</td>
</tr>
<tr>
    <td>text 7</td>
    <td>text 8</td>
    <td>text 9</td>
</tr>
<tr>
    <td>text 10</td>
</tr>
</table>

Как мы можем это сделать?

1 Ответ

1 голос
/ 16 июня 2010

Удалите эти элементы с помощью атрибута-равнозначного селектора перед переносом, например: 

$("table tr td[width='10']").remove();
var elems = $("table tr td").unwrap();
for(var i = 0; i < elems.length; i+=3) {
  elems.slice(i, i+3).wrapAll("<tr></tr>");
}​

Вы можете поиграть с ним здесь

...