循環訪問List元素以構建一個數組以在AJAX請求中傳遞

Question

我想將大量數據傳遞給我的服務器。

所以我有一大堆的名單像這樣：

<ul id="myList"> 
<li><span class="firstData">10</span><span id="secondData">banana</span></li> 
<li><span class="firstData">20</span><span id="secondData">grapefruit</span></li> 
<li><span class="firstData">30</span><span id="secondData">apple</span></li> 
<li><span class="firstData">40</span><span id="secondData">pear</span></li> 
<ul> 

我想通過列表循環，並在表單中創建數據「firstDataValue_secondDataValue」這樣我就可以建立一個字符串，在我的崗位傳了出來ajax請求。

東西像value=10_banana&value=20_grapefruit&amp等等。

如何最好地循環遍歷元素以創建我正在尋找的數據字符串。

在此先感謝。

Answer 1

$('ul#myList li').each(function(){ 
//do what you want here 
    var number = $(this).find('span:first-child').text(); 
    var fruit = $(this).find('span:first-last').text(); 
//now you have both values do whatever you want with it 
}); 

，將循環對每個li元素

Answer 2

這應該建立在字符串格式化您請求的根據您提供的HTML代碼，但改變id到class在評論這個問題提出的方式：Working example

var str = ''; 
$('ul#myList li').each(function(){ 
    var spans = $(this).find('span'); 
    str += 'value='+spans[0].innerHTML+'_'+spans[1].innerHTML+'&'; 
});