Jquery 有没有办法访问已加载页面的元素
我正在使用jQuery函数Jquery 有没有办法访问已加载页面的元素,jquery,html,Jquery,Html,我正在使用jQuery函数.load()加载页面 加载完成后,是否有方法从源页面访问加载页面中包含的html元素 我找到的唯一方法是在URI中添加参数。有更好的办法吗 编辑 以下是我试图编写的代码: $('.openInDialog').click(function(e) { var modal = $('#modal'); var modalContent = $('#modal .modal-content'); modal .on('show.bs
.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();
});
行
警报($(this).find('#firstName').html())
返回一个空字符串。假设您将页面内容加载到id为页面的div中:
$("#page").load("page.html");
在这种情况下,您需要添加回调函数,并在children()
的帮助下访问添加的元素:
您尝试过哪些代码?是否有一种方法可以在加载完成后从源页面访问加载页面中包含的html元素?是。“在URI中添加参数…”-就像在使用功能时一样?如果这与您的用例不匹配,您能否更详细地发布您需要执行的操作?在调用.load()
后,加载的页面是源页面DOM的一部分。您访问元素的方式与访问其他任何内容的方式相同。所有jQueryAjax方法都有一个回调,当内容获取并可用时,可以在回调中访问内容
$("#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
});