jquery ajax加载某个div

Question

我的问题很简单,我如何用jquery ajax命令检索某些div

$.ajax({
      url: "test.html",
      success: function(){
           $(this).addClass("done");
      }
  });

喜欢加载

$('#targetDiv').load('http://localhost/test.html #sourceDiv');

Answer 1

如果div是AJAX响应的一部分:

$.ajax({
    url: 'test.html',
    dataType: 'html',
    success: function(html) {
        var div = $('#sourceDiv', $(html)).addClass('done');
        $('#targetDiv').html(div);
    }
});

Answer 2

这是一个略有不同的看法.此外,您的目标div可能默认隐藏,因此我添加了淡入淡出效果以显示它.如果您的html将要更改,那么您可能希望添加缓存:false.

$.ajax({
  url: "html.htm",
  type: "GET",
  dataType: "html",
  success: function (res) {
       $("#targetDiv").html($(res).find("#sourceDiv")
                                  .addClass('done'))
                     .fadeIn('slow');
  }
});

如果您有兴趣,可以查看jQuery如何在这里使用jQuery Source Viewer进行加载