3

ここで怠惰なお尻のテーブル転置を行っています。私はこのようなテーブルを持っています:

     <table>
     <th style="text-align: left; text-transform: capitalize;">Unique</th>
     <th style="text-align: left; text-transform: capitalize;">x1</th>
     <th style="text-align: left; text-transform: capitalize;">y2</th>
     <tr class="rowNormal">
     <td nowrap="true">a1</td>
     <td nowrap="true">b2</td>
     <td nowrap="true">b3</td>
     </tr>
     </table>

私はこのように見える必要があります:

     <table>
     <tr class="rowNormal">
     <tr><td nowrap="true">a1</td><.tr>
     <tr><td nowrap="true">b2</td></tr>
     <tr><td nowrap="true">b3</td></tr>
     </tr>
     </table>

行は2つだけで、そのうちの1つはヘッダーです。だから私はこのようにヘッダーを非表示にします:

        $("table:contains('Unique')").find("th").addClass("hidden");

これは問題なく動作します。今、私は<tr>それぞれにを追加する必要があり<td nowrap="true">ます、そしてここで私は問題を抱えています。私はこれを使用します:

       $('div.content').html($('div.content').html().replace(/<td nowrap="true">/g,' <tr><td nowrap="true">'));

これは機能しますが、グローバルを使用せずに、「一意」を含むテーブルに絞り込みたいと思います。これ

       $('div.content').html($('div.content').html().replace(/</td>/g,'<td></tr>'));

まったく機能しません。replaceWithとで遊んでみましたが、うまくいきreplaceAllませんでした。質問:1)残りの行を列に転置するためのフォーマットを追加する最良の方法は?2)どのようにパラメータとして指定でき"ます/か?'3)との違いは何"ですか?

お時間をいただきありがとうございます。

4

1 に答える 1

4

wrapこれを行うには、jQueryで使用できます。

$("td[nowrap='true']").wrap("tr");

または、Unique containsセレクターのみのアイテムの場合:

$("table:contains('Unique') td[nowrap='true']").wrap("tr");
于 2013-02-26T13:33:48.297 に答える