使用jquery ajax删除功能但不运行

Question

这是我使用ajax函数删除li元素的代码，但它不会给出任何输出。

jQuery.ajax({ 
  type: 'DELETE', 
  url: 'http://example.com', /* url */
  dataType: 'xml', 
  complete: function(response, statusText){ 
       if (statusText == 'success') { 
           jQuery('li.product input[value="B0070X7W9M"]').parent().remove(); 
           /* need to delete li element */
           }
     }
}); 

请帮助我，我是jquery ajax的新手。

Answer 1

您无法使用Ajax请求从DOM中删除元素。所以请使用：

jQuery('li.product input[value="B0070X7W9M"]').parent().remove();

或不删除只是隐藏效果看起来更酷：

jQuery('li.product input[value="B0070X7W9M"]').parent().slideUp();

或在slideUp效果后删除：

jQuery('li.product input[value="B0070X7W9M"]').parent().slideUp(function(){
    $(this).remove();
});