在jQuery中，remove()方法并没有真正移除元素

Question

我在 Drupal 7 站点上有一个 "language switcher"。

<ul class="language-switcher-locale-url">
    <li class="en first">
        <a class="language-link" xml:lang="en" href="someURL">
            <img class="language-icon" width="26" height="19" title="English" alt="English" src="someURL">
        </a>
    </li>
    <li class="fr active">
        <a class="language-link active" xml:lang="fr" href="someURL">
            <img class="language-icon" width="26" height="19" title="Français" alt="Français" src="someURL">
        </a>
    </li>
    <li class="ru last">
        <a href="someURL" class="language-link" xml:lang="ru">
            <img class="language-icon" src="someURL" width="26" height="19" alt="Русский" title="Русский" />
        </a>
    </li>
</ul>

当某些特殊条件成立时，我想移除俄罗斯国旗。

<script>
jQuery(document).ready(function() {
    var ce;
    ce = jQuery("ul.language-switcher-locale-url > li.ru");
    ce.remove();
    ce = undefined;     
});
</script>

它似乎有效，因为标志已被删除，Firebug 在控制台中没有显示任何错误，并且通过检查元素我发现 <li> 已被删除。但是，如果我转到 Page Source，它仍然存在。

这是否意味着 jQuery 不会从 DOM 中删除元素？为什么它仍然在页面源中？我如何确定它已完全删除？

Answer 1

页面源显示 html 最初是从服务器下载的，但您已将其从 DOM 中删除，您已通过检查元素确认。

在jQuery中，remove()方法并没有真正移除元素

In jQuery, remove() method does not really remove element

jquery

dom

remove-method