我按照之前发布的问题 here 我需要做的几乎相同,即我在每一行都有一个添加按钮,然后在添加图像上单击我想将该行移动到另一个表,除了当我移动我的行时,目标表只有一个列共用源表
我需要做的几乎相同,即我在每一行都有一个添加按钮,然后在添加图像上单击我想将该行移动到另一个表,除了当我移动我的行时,目标表只有一个列共用源表(源表还有一个我在目标表中没有的额外列),我需要为移动到目标表中的每一行添加一个带有删除按钮图像的列.
现在可以使用以下代码从源中删除行:
$(document).ready(function () {
$('#table_source td img.move_row').click(function () {
$(this).parent().parent().parent().remove();
});
});
第二部分需要的是当我单击目标表中的删除图像按钮时,该行应该移回原始表
提前致谢,
Priyank
HTML<table id="table_source">
<tbody>
<tr>
<td>Row</td>
<td>1</td>
<td><img src='move_image_path' alt='Move' class='move-row' /></td>
</tr>
<tr>
<td>Another Row</td>
<td>2</td>
<td><img src='move_image_path' alt='Move' class='move-row' /></td>
</tr>
</tbody>
</table>
<table id="table_dest">
<tbody>
</tbody>
</table>
JS
$(document).ready(function() {
$("#table_source img.move-row").live("click", function() {
var tr = $(this).closest("tr").remove().clone();
tr.find("img.move-row")
.attr("src", "remove_image_path.jpg")
.attr("alt", "Remove");
$("#table_dest tbody").append(tr);
});
$("#table_dest img.move-row").live("click", function() {
var tr = $(this).closest("tr").remove().clone();
tr.find("img.move-row")
.attr("src", "move_image_path.jpg")
.attr("alt", "Move");
$("#table_source tbody").append(tr);
});
});
