使用jQuery加载部分页面

使用jQuery加载部分页面,jquery,html,Jquery,Html,我知道这可以通过函数加载来实现 $('#result').load('what.html #div-id'); 但是有一个问题,在html代码中只有一个和许多类,我不知道如何只加载一个不确定您是否理解正确,但类似于 $.ajax({ url: 'what.html', dataType: 'html', success: function(data) { $(data).find('div.example:first'); //the fir

我知道这可以通过函数加载来实现

 $('#result').load('what.html #div-id');

但是有一个问题,在html代码中只有一个
和许多类,我不知道如何只加载一个

不确定您是否理解正确,但类似于

$.ajax({
     url: 'what.html',
     dataType: 'html',
     success: function(data) {

         $(data).find('div.example:first'); //the first div with example-class

         $(data).find('div.example').index(1); //second div using index

         $(data).find('div.example').eq(2); //third div using eq

         $(data).find('div.example:lt(4)'); //first three divs using lt

         $(data).find('div.example').slice(2,4); //div 2,3 and 4 using slice
     }
 });
试一试

当您仅检索文档的一部分时,不必使用
id
选择器-它可以是任何有效的CSS选择器


因此,如果您有一个想要加载的
div.example
,您可以使用类选择器。

如果您有许多div-s,其中一个类是
example
,并且只想加载其中一个,您想要哪一个?不是我有一个类示例,而是在See I need
中,
ex1
但不需要
ex2
我认为您不能排除正在检索的div的一部分。。尝试重新安排你的
what.html
有趣的,如果我想有
firs div
secon div
示例类
这是否正确:
div.example:second:first
$('#result').load('what.html .example');