使用Jquery交换Div

Question

Div address包含各种输入框和标签。 此div在DOM 中有唯一ID。

我进行Ajax调用，让HTML返回包含此Div。

<script>
$("#country").on("change", function(){
    var str = $("#myform").serialize();

    $.ajax({
        type: 'POST',
        data:str,

        url:'../change/country',

    }).done(function(html) {
        $("#addressDiv").replaceWith( $(html).filter("#addressDiv") );

    });

});

现在，我想将旧的Div替换为Ajax响应中的Javascript / Jquery。

如何使用{{1}}？

执行此操作

Answer 1

如果您的ajax调用的html响应只是包含<div>和</div>标记的div，请执行以下操作：

$.ajax({
   url : "your url here"
}).done(function(html) {
   $("#yourDivIdHere").replaceWith(html);
});

如果回复只包含div的内容，则代替.replaceWith()使用：

   $("#yourDivIdHere").html(html);

如果您的回复中包含您不需要的其他内容，那么您可以只提取您想要的内容：

   $("#yourDivIdHere").replaceWith( $(html).filter("#yourDivIdHere") );

Answer 2

我会说像

var html_from_ajax_request = '<b>......</b>';

jQuery('#your_div_id').html(html_from_ajax_request);

Answer 3

试试这个，

$.ajax({

  url: "your URL",

  --rest of the code--

}).done(function(data) {//An construct to the success callback option.

  $(SELECTOR).html(data);//this will change the content of the div element.

});