jquery - jQuery を使用してページの一部を読み込む

Question

これは関数のロードでできることを知っています

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

しかし、1つの問題です.htmlコードでは1つだけ<div id ="example"></div>多くのクラスがあり、1つだけをロードする方法がわかりません<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ロードしたい がある場合は、クラスセレクターを使用できます。