jquery - 使用 jQuery 加载页面的一部分

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要加载的内容 - 您可以使用类选择器。