0

テーブル1の「td」をクリックした後、テーブル1からその行を移動/変更せずに、その行から別のテーブル(テーブル2)にいくつかのセルを追加します。

重複を避けるために、テーブル1の「td」にクラスを追加しました。このように

$(".table1 td:first-child + td").click(function(){

  $("#table2").append('<tr><td>clicked TD value from table 1</td>  more td's</tr>');  
  $(this).addClass('done'); 
}):

追加された行を table2 から削除しようとすると、テーブル 1 のクリックされた「td」に追加されたクラス「done」を削除する必要があります。

これを行う方法？？クラスを追加する以外に、これを行う（重複を避ける）方法はありますか??

これがフィドルです。

助けてください。ありがとう

4

1 に答える 1

1

ここにあなたのコードの深い改訂があります

ここでフィドル

$(function () {
    $("#selections tbody").on('click', function (e) {
        var $td = $(e.target);
        if ($td.prevAll('td').length === 1) {
                var $destiny = $('#destiny'),
                                // Any row in destiny that would be a clone of the current clicked td's row
            // You may want to put an id to make sure it is uniq
                $trDestiny = $('tr[rel="' + $td.text() + '"]', $destiny);
                // ...
            if (!$trDestiny.length) {
                // Insert new row ...
            }
            // else {error handling here}
        }
    });
});
于 2013-10-16T13:19:36.513 に答える