jquery将外部html文件附加到我的页面中

xus*_*xus 31 jquery

我试图通过这种方式附加外部html内容(div加上一些文本仅用于测试):

$.get("banner.html", function(data){
    $(this).children("div:first").append(data);
});
Run Code Online (Sandbox Code Playgroud)

这似乎很简单......但它似乎不起作用.任何的想法?谢谢!

eri*_*urk 53

使用html代替追加:

$.get("banner.html", function(data){
    $(this).children("div:first").html(data);
});
Run Code Online (Sandbox Code Playgroud)


Llo*_*oyd 11

我不确定你希望this在你的例子中提到什么..这是另一种方法:

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $.get("banner.html", function (data) {
                    $("#appendToThis").append(data);
                });
            });
        </script>
    </head>
    <body>
        <div id="appendToThis"></div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)