javascript - jQuery；在 .load() 之后定位 HTML

Question

在/page 有以下内容 <h1>hello world</h1>

在我正在使用的主页上；

            $(function() {
                $('#content').load('/page');
            });

加载后，我在 DOM 中得到以下内容。

            <div id="content">
                <h1>Hello world</h1>
            </div>

我想向这个新加载的 h1 添加一个类，所以我尝试；

            $('#content h1').addClass('world');

此操作失败，因为 h1 是在页面加载后插入的。如何查找并定位新添加的 HTML？

Answer 1

很简单，您可以使用.load()函数的complete属性。在这里了解更多 http://api.jquery.com/load/

$(function() {
     $('#content').load('/page', function() {
         $('#content h1').addClass('world');
     });
});