Iag*_*uno 31 html javascript jquery
我正在使用jQuery的ajax代码来加载新页面,但希望他只获取div的html.
我的代码:HTML:
<body>
<div id="content"></div>
</body>
Run Code Online (Sandbox Code Playgroud)
脚本:
$.ajax({
url:href,
type:'GET',
success: function(data){
$('#content').html(data);
}
});
Run Code Online (Sandbox Code Playgroud)
我希望他在另一页上只获得$('div #content')的html.怎么做?
小智 40
好的,你应该"构造"html并找到.content div.
像这样:
$.ajax({
url:href,
type:'GET',
success: function(data){
$('#content').html($(data).find('#content').html());
}
});
Run Code Online (Sandbox Code Playgroud)
简单!
nil*_*gun 24
您可以使用JQuery .load()方法:
$( "#content" ).load( "ajax/test.html div#content" );
Run Code Online (Sandbox Code Playgroud)
Sin*_*ski 12
如果您正在寻找来自不同域的内容,这将有助于:
$.ajax({
url:'http://www.corsproxy.com/' +
'en.wikipedia.org/wiki/Briarcliff_Manor,_New_York',
type:'GET',
success: function(data){
$('#content').html($(data).find('#firstHeading').html());
}
});
Run Code Online (Sandbox Code Playgroud)
您确实无法做到这一点,ajax请求会获取整个文件,但是一旦检索到内容,您就可以对其进行过滤:
$.ajax({
url:href,
type:'GET',
success: function(data) {
var content = $('<div>').append(data).find('#content');
$('#content').html( content );
}
});
Run Code Online (Sandbox Code Playgroud)
请注意,find()仅在后代中使用虚拟元素,而不会找到根元素。
或让jQuery为您过滤:
$('#content').load(href + ' #IDofDivToFind');
Run Code Online (Sandbox Code Playgroud)
我假设这不是跨域请求,因为这将不起作用,只能是同一域上的页面。
| 归档时间: |
|
| 查看次数: |
143489 次 |
| 最近记录: |