用jquery结果替换当前div

Question

我正在尝试获取 div 的最新数据并尝试替换它。 ajax 查询获取整个 html 页面。我从中找到right div。现在我需要用我收到的替换当前的right div。

$.ajax(
        {
            url: url,
            type: "POST",
            dataType: "text",
            data: dataArray,
            
            success: function (data) {        
                var content = $(data).find('.right');
                $(".right").html(content[0])
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log("Error");
            }
        });
        

它可以工作，但结果数据有一些奇怪的布局问题。设置 div 的正确方法是什么。

Answer 1

您正在选择元素并将其放入其中，而不是替换它。

var content = $(data).find('.right');
$(".right").html(content[0]);

所以你的输出看起来像

<div class="right">
  <div class="right">
    <p>New content</p>
  <div>
<div>

要么设置html

$(".right").html(content.html())

或者替换它

$(".right").replaceWith(content)