2 
<table>
 <tr>
  <td>Row 1 Column1</td>
  <td>Row 1 Column2</td>
 </tr>
 <tr class="dynamicRows">
  <td>Row 2 Column1</td>
  <td>Row 2 Column2</td>
 </tr>
 <tr class="dynamicRows">
  <td>Row 3 Column1</td>
  <td>Row 3 Column2</td>
 </tr>
 <tr>
  <td>Row 5 Column1</td>
  <td>Row 5 Column2</td>
 </tr>
</table>

これがテーブル構造です。行の下に挿入したい

<tr class="dynamicRows">
 <td>Row 4 Column1</td>
 <td>Row 4 Column2</td>
</tr>

3行目以降、クラスの最後にJqueryを介して新しい行要素を挿入し"dynamicRows"ます。この問題を解決するのを手伝ってください。

このコードはうまく機能します。

$('table tr.categories:last').after(returnData);
4

3 に答える 3

4 
var block = '<tr class="dynamicRows">'+
                '<td>Row 4 Column1</td>'+
                '<td>Row 4 Column2</td>'+
            '</tr>';


$('.dynamicRows').last().after(block);
于 2013-01-09T10:16:19.090 に答える
2

これが実際の例ですhttp://jsfiddle.net/MUdQY/1/

ここで何が起こっているのかをよりよく説明するために、ここにもソリューションの一部を投稿しています。

$('#sometrigger').click(function(){
    var newrow = '<tr class="dynamicRows">\
    <td>Row 4 Column1</td>\
    <td>Row 4 Column2</td>\
    </tr>';
    $(newrow).insertAfter($('table tr.dynamicRows:last'));
});
  1. 新しい行をJS変数に格納しています。どういうわけかこの文字列を作成する必要があります。
  2. 選択した要素の後に呼び出し元を挿入するjqueryinsertAfterメソッドを使用します。
  3. そして最も重要なのは、dynamicRowsクラスでマークされた最後の行への参照を取得するセレクターです。
于 2013-01-09T10:36:20.337 に答える
1

これを試して

$('table tbody>tr:last').after('<tr><td>Row 6 Column1</td><td>Row 6 Column2</td></tr>');

これにより、テーブルの最後に別の行が追加されます

ここでフィドル

于 2013-01-09T10:21:01.773 に答える