Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery和ajax插入从另一个表中删除的tr_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 如何使用jquery和ajax插入从另一个表中删除的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

我知道如何在单击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 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!");
     }
   }  
});