首页 > 解决方案 > 用jquery结果替换当前div

问题描述

我正在尝试获取 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 的正确方法是什么?

标签: javascriptphphtmljquery

解决方案


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

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)

推荐阅读