0

指定した行を複製するコードがあります。私のテーブルは動的に作成されるため、ID を定義できません。指定された行のボタンをクリックして、複製に最も近い tr を見つけられるようにしたいと考えています。

複製することになっているコードは次のとおりです。

 function cloneRow()
 {
   var row = $(this).closest('tr'); // find row to copy
   var table = document.getElementById("ScannedItems");
   var clone = row.cloneNode(true); // copy children too
   clone.id = "newID";
   table.appendChild(clone);
 }

別のものに変更する必要がありvar row = $(this).closest('tr');ますが、何に変更すればよいかわかりません。クリックしたものtrから最も近いものを取得できます。a href

または、a をクリックしたのと同じ行を複製します。

a href は次のようになります

<a onclick='cloneRow();'><span class='glyphicon glyphicon-plus' style='padding-right:15px;'>

私は質問があまりよく説明されていないことを知っています...私が話していることを参照するためにjsFiddleを作成しました。http://jsfiddle.net/KSCLC/9/

4

2 に答える 2

1

うーん..関数のコンテキストでは、次の ようにする必要がありますthis。Window

HTML

<a href="#" id="copynode">copynode</a>

Javascript

$('#copynode').on('click', function(e) { // attach the event click on the element #copynode
 $(this).closest('tr').clone().appendTo('#ScannedItems'); // find the closest tr, clone it, and append it on the ScannedItems table
 e.preventDefault();
});
于 2013-09-29T21:16:02.957 に答える