jQuery，从列表中间删除项目，然后刷新列表？

Question

我有一个由包含的 PHP 文件加载的 ul 列表。这些项目有一个“删除”链接，可以将它们从列表和数据库中删除。

当使用以下代码从列表中心删除项目时:

$list.find('#city_' + $id).remove();

它在列表中留下一个空格，如下所示:

_{(来源:jamespwright.com)}

我可以做什么来刷新该列表，而不返回数据库并重新加载整个内容？

编辑

这里是示例代码:

<ul id="city_list">
    <li id='city_7'>Eureka - <a href='city.modify.php?id=7&modification_type=edit'>Edit</a> - <a href='#' delete_id='7' class='confirm_delete'>Delete</a></li> <br />
    <li id='city_8'>Rolla - <a href='city.modify.php?id=8&modification_type=edit'>Edit</a> - <a href='#' delete_id='8' class='confirm_delete'>Delete</a></li> <br />

    <li id='city_10'>Union - <a href='city.modify.php?id=10&modification_type=edit'>Edit</a> - <a href='#' delete_id='10' class='confirm_delete'>Delete</a></li> <br />

Answer 1

我猜你的 HTML 看起来像这样:

<li><div id="city01">Eureka - <a...>Edit</a> - <a...>Delete</a></div></li>

在这种情况下，您需要删除选择器的父级

$list.find('#city_' + $id).parent().remove();