使用ajax删除

Question

我有一个div，其中的数据从后端php填充。我在这里使用codeigniter。 格是这样的

if(isset($result)) 
{ 
echo ' 
    <div> 
    <div> 
    $result->value 
    </div> 
    <a>Delete</a> 
    </div> 
'; 
} 

删除是使用ajax完成的。但是，如何删除删除后不应显示任何内容的div？

Answer 1

在ajax success function这样做：

$(this).closest('div').slideUp().remove(); 

这样在视觉上，你会看到一个效果基本show和滑动起来后，这将获得从DOM取下，如果从数据库中删除成功，这将不会再次出现。

Then if you refresh your page you won't see that div again.

Answer 2

有某种上删除类标识符始终是为将来的扩展/修改的好方法。

<div> 
    <div> 
    $result->value 
    </div> 
    <a class="deleteme">Delete</a> 
</div> 

这两种情况下，你可以使用这个：

$(document).on('click', '.deleteme', function() { 
    //your delete stuff 
    if (your delete was successful) { 
    $(this).parent().fadeOut(500); 
    } 
});