jquery - 使用 jQuery 删除 Dom 元素

Question

我尝试在这样的播放应用程序中使用 jquery 从 dom-tree 中删除 div：

<form class="form-search">
    <input type="text" class="input-medium search-query" placeholder="@Messages.get("frontend.wiki.search.placeholder")">
    <button type="submit" class="btn btn-primary" id="searchButton" onclick="search()">@Messages.get("frontend.wiki.search")</button>
</form>

@* most read articles *@
<div class="row" id="mostread">
    @components.wikitable(Messages.get("frontend.wiki.mostread"), WikiArticle.findAllMostReadArticles(5))
</div>

.....

<script type="text/javascript">
    var search = function() {
        $('#mostread').empty();
    }
</script>

当我单击按钮时，页面上的“最常阅读”部分会消失一秒钟，但之后一切都恢复了原样。这是为什么？也使用引导程序。

Answer 1

.detach()如果您打算稍后重新插入它，请使用它：

var elem = $('#mostread').detach();

如果您不关心重新插入，只需使用 remove()：

$('#mostread').remove();

Answer 2

与其将按钮类型保留为“提交”，不如将其保留为“按钮”，所以现在应该是

<button type="button" class="btn btn-primary" id="searchButton" onclick="search()">@Messages.get("frontend.wiki.search")</button>