Question

我使用jQuery函数.load()加载页面。

有没有办法在完成加载后从源页面访问加载页面中包含的html元素？

我找到的唯一方法是在URI中添加参数。有更好的方法吗？

修改

这是我试图写的代码：

$('.openInDialog').click(function(e) {
    var modal = $('#modal');
    var modalContent = $('#modal .modal-content');

    modal
        .on('show.bs.modal', function () {
            modalContent.load(e.currentTarget.href, function(){
                alert($(this).find('#firstName').html());
            });
        })
        .modal();

    e.preventDefault();
});

第alert($(this).find('#firstName').html());行返回一个空字符串。

Answer 1

假设您将页面内容加载到ID为page的div：

$("#page").load("page.html");

在这种情况下，您需要添加回调函数并在children()的帮助下访问添加的元素：

$("#page").load("page.html", function() {
    $(this).children(); // Selects everything that was loaded
    $(this).children("span"); // Selects all loaded span elements
    $(this).children(".test"); // Selects all loaded elements with test class
});

有没有办法访问加载页面的元素

1 个答案: