0

SO からこの質問を読みましたが、ニーズに合わせて実装できませんでした。私たちを手伝ってくれますか?

私はこのプラグインで生成されたhtmlを持っています:

<table cellspacing="0" class="grid" style="width: 30%">
<tr>
<th colspan="13" style="text-align: left; ">
<a rel="nofollow" href="http://...">Unique</a>&nbsp;(1&nbsp;issues) </th>
</tr>
<tr>
<th style="text-align: left; text-transform: capitalize;">Head1</th>
<th style="text-align: left; text-transform: capitalize;">Head2</th>
<th style="text-align: left; text-transform: capitalize;">Head3</th>
<th style="text-align: left; text-transform: capitalize;">Head4</th>
<th style="text-align: left; text-transform: capitalize;">Head5</th>
<th style="text-align: left; text-transform: capitalize;">Head6</th>
<th style="text-align: left; text-transform: capitalize;">Head7</th>
<th style="text-align: left; text-transform: capitalize;">Head8</th>
<th style="text-align: left; text-transform: capitalize;">Head9</th>
<th style="text-align: left; text-transform: capitalize;">Head10</th>
<th style="text-align: left; text-transform: capitalize;">Head11</th>
<th style="text-align: left; text-transform: capitalize;">Head12</th>
<th style="text-align: left; text-transform: capitalize;">Head13</th>
</tr>
<tr class="rowNormal">
<td nowrap="true">

<p><a href="http:...">Data1</a></p>
</td>
<td nowrap="true">

Data 2, 2 ,2
</td>
<td nowrap="true">

 Data 3, 3, 3
 </td>
 <td nowrap="true">

 <img src="http://..." alt="" border="0" /> Data4
 </td>
 <td nowrap="true">

 Green
 </td>
 <td nowrap="true">

 Smith, John
 </td>
 <td nowrap="true">

 Fritz, Scott
 </td>
 <td nowrap="true">

 Data6
 </td>
<td nowrap="true">

 Data7
 </td>
 <td nowrap="true">

 Data 8
 </td>
 <td nowrap="true">

  Data9
 </td>
 <td nowrap="true">

 345
 </td>
 <td nowrap="true">

 764
 </td>
 </tr>
 </table>

いくつかのパスの後に変換します:

  $("table:contains('Unique')").removeClass("grid");
  $("table:contains('Unique')").find("th").parent("tr").addClass("hidden");
  $("table:contains('Unique')").find("img").addClass("hidden");
  $("table:contains('Unique') td[nowrap='true']").wrap("tr");

DataX の列に

ここで、このデータのそれぞれを、この既存のテーブルに行として追加したいと思います。

          <div class="table-wrap"><table class="mytable"><tbody><tr><td colspan="1" class="tabletd"><strong>name1</strong></td></tr><tr><td colspan="1" class="tabletd"><strong>name 2</strong></td></tr><tr><td class="tabletd"><strong>name 3</strong></td></tr><tr><td colspan="1" class="tabletd"><strong>name4</strong></td></tr><tr><td class="tabletd"><strong>name2</strong></td></tr><tr><td colspan="1" class="tabletd"><strong>name5</strong></td></tr><tr><td colspan="1" class="tabletd"><strong>name 6</strong></td></tr><tr><td colspan="1" class="tabletd"><strong>name 7</strong></td></tr><tr><td colspan="1" class="tabletd"><strong>name 8 </strong></td></tr><tr><td colspan="1" class="tabletd"><strong>name 9<br /> </strong></td></tr><tr><td colspan="1" class="tabletd"><strong>name 10</strong></td></tr><tr><td colspan="1" class="tabletd"><strong>digit 1<br /> </strong></td></tr><tr><td colspan="1" class="tabletd"><strong>digit 2<br /> </strong></td></tr></tbody></table></div>

その結果、2 番目のテーブルの 1 つのセルの行が最初のテーブルの 1 つになります。すなわち:

       Name 1      Data1
       Name 2      Data2
       Name 3      Data2

どんな助けでも大歓迎です。

4

1 に答える 1

0

.append Jquery メソッドを見てみましょう: http://api.jquery.com/append/

あなたはおそらく次のようなことをしたいと思うでしょう:

$(your_table).append($(your_data).wrap("<tr></tr>"));

ウィッチは:

  1. your_data で jquery オブジェクトを作成する
  2. これらを要素で囲みます
  3. これらすべてを your_table に追加します
于 2013-02-27T12:00:38.480 に答える