所以我有一个嵌套的div结构,我想获取第二层的内容。我应该如何使用 jQuery .load 来做到这一点?以下仅适用于简单的 div(非嵌套)...
.load("https://remote-site.com/blah.html #div_1", function() { }
好的,全部内容是:
<html>
<head>
<title>AJAX Checker </title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="jquery.js" language="javascript" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#loadData").click(function() {
$(this).text("...One Moment Please...");
$("#container").append('<div id="favoriteMovies"></div>')
.children("#favoriteMovies").hide()
.load("https://remote-site/blah.html", function() {
var elem = $(this).find('#subject');
$("#loadData").remove();
$("#favoriteMovies").slideDown("slow");
});
return false;
});
});
</script>
</head>
<body>
<div id="container">
<a href="#" id="loadData">Click</a>
</div>
</body>
</html>
最佳答案
假设第二级 div 有和 id
.load("https://yoursite.com/blah.html #div_1 #2ndlevel_div", function() { }
否则,像平常一样相应地更改选择器(例如 #div_1
的第一个子 div)
.load("https://yoursite.com/blah.html #div_1 > div:first", function() { }
顺便说一句:注意这仅适用于您自己的页面(ajax 不支持跨域请求
关于javascript - 如何使用 jQuery 获取嵌套 div 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1840505/