javascript - 多次替换div的内容

Question

我对我的服务器进行了选择，并且在所选服务器上加载信息而无需重新加载页面。我正在使用 ajax 和 ReplaceWith()。

我尝试使用 live() 多次替换信息，但只有效一次，为什么？

<script>
    $(function(){
        $('select').live('change', function(){
            $.ajax({
                type: "POST",
                url: "server.php",
                data: "hostname=" + $(this).val(),
                success: function(data){
                    $("#results").replaceWith(data);
                }
            })
        });
    });
</script>

Answer 1

这是因为您正在用数据替换#results 容器。下次 $("#results") 选择器将不会匹配任何元素(因为容器已被上一次调用替换)。

.html() 不会替换容器，而是更新容器的内容。