jquery ajax無法循環通過找到的數據

Question

我想循環通過加載了ajax的文件，但它不會循環，我已經嘗試了幾件事情，但我不能讓它工作。

// jQuery的

$.ajax({ 
    url: 'file.html', 
    type: "GET", 
    dataType: "html", 
    success: function(data) { 

     $(data).find('div').each(function(i){ 
      alert('found') 
     }); 

    }, 
    error: function(){ 
     alert('oeps...') 
    }       
}); 

// file.html

<div> 
// content goes here 
</div> 

<div> 
// content goes here 
</div> 

<div> 
// content goes here 
</div> 

... 


...  

Answer 1

您需要更改.find到.filter。這是因爲.find搜索 子 所有元素的後代，但由於您的html文件只是<div> s，您需要使用.filter來查找它們。

DEMO：http://jsfiddle.net/zuPVp/

Answer 2

你不需要指定html的數據類型，並不需要它。

SO，刪除以下行。

dataType: "html" 

Answer 3

很難知道你正在嘗試做的，但我猜那就是：

$.ajax({ 
    url: 'file.html', 
    type: "GET" 
    success: function(data) { 
     $.each($('div', data.outerHTML), function(index, item) { 
      console.log(item); 
     }); 
    }, 
    error: function(){ 
     console.log('error') 
    }       
}); 

Answer 4

不工作是因爲.find會在數據的後代，所有這些div都在根的原因。

您可以創建一個空的div，然後將該div的html設置爲您的數據。這將確保找到工作，因爲div將成爲子孫後代。

$.ajax({ 
    url: 'file.html', 
    type: "GET" 
    success: function(data) { 
     $('<div/>').html(data).each(function(index, item) { 
      console.log(item); 
     }); 
    }, 
    error: function(){ 
     console.log('error') 
    }       
}); 

或者您可以使用過濾器。

$.ajax({ 
     url: 'file.html', 
     type: "GET" 
     success: function(data) { 
      $(data).filter('div').each(function(index, item) { 
       console.log(item); 
      }); 
     }, 
     error: function(){ 
      console.log('error') 
     }       
    }); 

Answer 5

在這種情況下，.find()不起作用，因爲您正在搜索的HTML不包含任何div子節點。要解決這個問題，首先將這些項目追加到某個容器中，然後使用.find()。

http://jsfiddle.net/jbabey/hvkw9/1/

var html = $('<div>first div</div><br /><div>second div</div>'); 

// 0, no child divs in html 
console.log(html.find('div').length); 
// 2, now the divs in html are children of an intermediate div 
console.log($('<div>').append(html).find('div').length);