Question

我知道我可以用功能加载

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

但是有一个问题，在html代码中只有一个<div id ="example"></div>和很多类，我不知道如何只加载一个<div class = "example"></div>

Answer 1

不确定你是否理解正确但是

之类的东西

$.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
     }
 });

Answer 2

尝试

$('#result').load('what.html .example');

当你只检索文档的一部分时，你不一定要使用id选择器 - 它可以是任何有效的CSS选择器。

因此，如果您要加载div.example，则可以使用类选择器。

使用jQuery加载页面的一部分

2 个答案: