-1

私は次のテーブルを持っています...

<table>
    <tbody>
         <tr class="trclass">
             <td class="tdclass">Test1</td>
             <td class="tdclass">Test2</td>
             <td class="tdclass">Test3</td>
         </tr>
         <tr class="trclass">
             <td class="tdclass">Test4</td>
             <td class="tdclass">Test5</td>
             <td class="tdclass">Test6</td>
         </tr>
    </tbody>
</table>

最初のセル (test1 と test4) のテキストに基づくクラスを使用して、(test2 と test3) と (test5 と test6) の間の各行にセルを追加するにはどうすればよいですか? 基本的にはこんな感じ…

<table>
    <tbody>
        <tr class="trclass">
            <td class="tdclass">Test1</td>
            <td class="tdclass">Test2</td>
            <td class="Test1">NewText</td>
            <td class="tdclass">Test3</td>
        </tr>
        <tr class="trclass">
            <td class="tdclass">Test4</td>
            <td class="tdclass">Test5</td>
            <td class="Test4">NewText</td>
            <td class="tdclass">Test6</td>
        </tr>
    </tbody>
</table>

私は次のようなことを試しました

jQuery(".tdclass").after("<td>test</td>");

と

jQuery(".tdclass").append("<td>test</td>");

しかし、この正確なシナリオをループして達成する方法がわかりません。

4

2 に答える 2

1

次のようにできます。

$("tr.trclass").each(function() {
   var className = $(this).find("td:eq(1)").text();
   $(this).find("td:eq(1)").after("<td class=" + className + ">NewText</td>");
});

デモ: http://jsfiddle.net/ECu36/

于 2013-03-20T15:30:38.817 に答える
0

I think it would be easy to control by css attribute as follows:

$('tr.trclass').find('td:nth-child(2)').after('<td>testing123</td>');
于 2013-03-20T15:45:17.633 に答える