Jquery テーブルの行コピー

Question

テーブルの先頭行をコピーして挿入ではなく、クリック該当行をコピーして挿入させたいです。
ご教示お願い致します。

<script> jQuery(function($) { $('.btnAdd3').on('click', function() { ** $('#den_tbl tbody tr:first-child').clone(true).appendTo('#den_tbl tbody');** $('#den_tbl tbody tr:last-child').css('display', 'table-row'); }); // 行削除 $('.btnDelete').on('click', function() { $(this).parent().parent().remove(); }); }); </script>

---

echo"<table id='den_tbl'>";
$i = 1;
while( $i < 6 ){
echo"
<tr>
<td><input name='h_code[]' type='text' class='code' /></td>
<td><input name='h_name[]' type='text' class='name' /></td>
<td><input name='suryo[]' type='text' class='suryo' /></td>
<td><input class='btnAdd3' type='button' value='行追加' /> <input class='btnDelete' type='button' value='削除' /></td>
</tr>
";
$i++;
}
echo"</table>";

Answer 1

全然試してないですが、$(this).closest('tr').clone(true).appendTo('#den_tbl tbody');とかどうでしょうか。

Comments

[test1234]

上記で解決しました。誠にありがとうございました。