Javascript 如何使用jquery和ajax插入从另一个表中删除的tr
我知道如何在单击delete(删除)时从表1中删除tr。但是我想把它插入到另一个表中 怎么做 下面是我用来删除tr的代码Javascript 如何使用jquery和ajax插入从另一个表中删除的tr,javascript,jquery,ajax,Javascript,Jquery,Ajax,我知道如何在单击delete(删除)时从表1中删除tr。但是我想把它插入到另一个表中 怎么做 下面是我用来删除tr的代码 <script languge="javascript" type="text/javascript"> $(document).ready(function() { $('a.delete').click(function(e) { e.preventDefault(); //Getting the TR to remove it in case
<script languge="javascript" type="text/javascript">
$(document).ready(function() {
$('a.delete').click(function(e) {
e.preventDefault();
//Getting the TR to remove it in case of successful deletion
var objRow = $(this).closest('tr');
$.ajax({
type: 'post',
url: "<?= site_url('test/fndelete') ?>/",
data: {"id":$(this).prev().text()},
success: function(results) {
if (results == "") {
objRow.remove();
} else {
alert("Error!");
}
}
});
return false;
});
});
</script>
$(文档).ready(函数(){
$('a.delete')。单击(函数(e){
e、 预防默认值();
//在成功删除的情况下让TR将其删除
var objRow=$(this.closest('tr');
$.ajax({
键入:“post”,
网址:“/”,
数据:{“id”:$(this.prev().text()},
成功:功能(结果){
如果(结果==“”){
objRow.remove();
}否则{
警报(“错误!”);
}
}
});
返回false;
});
});
我没有测试它,但我认为这会起作用:
success: function(results) {
if (results == "") {
$('#table_where_all_the_deleted_stuff_goes').append('<tr>' + objRow.html() + '</tr>');
objRow.remove();
} else {
alert("Error!");
}
}
成功:函数(结果){
如果(结果==“”){
$(“#table_where_all_the_deleted_stuff_go”).append(“”+objRow.html()+“”);
objRow.remove();
}否则{
警报(“错误!”);
}
}
$.ajax({
键入:“post”,
网址:“/”,
数据:{“id”:$(this.prev().text()},
成功:功能(结果){
如果(结果==“”){
objRow.appendTo('new#u table tbody');
}否则{
警报(“错误!”);
}
}
});
为了澄清这个已经很好的答案,将DOM元素添加到新容器中也会同时将其从旧容器中删除。因此,不需要调用额外的remove
函数,这就是为什么这个答案中没有这个函数的原因。
$.ajax({
type: 'post',
url: "<?= site_url('test/fndelete') ?>/",
data: {"id":$(this).prev().text()},
success: function(results) {
if (results == "") {
objRow.appendTo('#new_table tbody');
} else {
alert("Error!");
}
}
});