JQuery的加载功能，将追加到HTML已经存在

Question

我想做一个AJAX调用将附加HTML即添加额外的HTML到已经存在的标签之间。这是我的加载函数的样子。

<script> 
    $(document).ready(function(){ 
     $(".tid-select").change(function(){ 
     $(".tid-list").load("/saffron_main/test"); 
     }); 
    }); 
</script> 

我该如何修改这个函数才能让它追加到类.tid-list。提前致谢。

Answer 1

，而不是替换HTML你可以将数据加载到一个变量然后将其添加到DOM。

例子：

$.ajax({ 
    url: '/saffron_main/test', 
    success: function (data) { 
     $('.tid-list').append(data); 
    } 
}); 

这种方式已经被绑定到现有的HTML事件会留下界。

Answer 2

只是改改处理器

$(".tid-select").change(function(){ 
    $.get("/saffron_main/test", function(data){ 
     $(".tid-list").append(data); 
    }); 
}); 

编辑：是的，其他人是正确的，追加更有意义或

Answer 3

您必须通过Ajax获得数据，并使用$('.tid-list').append(data);

<script> 
$(document).ready(function(){ 
    $(".tid-select").change(function(){ 
    $.get("/saffron_main/test",function(data){ 
    $('.tid-list').append(data); 
    }); 
}); 
}); 
</script> 

您也可以使用$('.tid-list').prepend(data);当前HTML之前插入。