Цикл по элементам 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 POST.

что-то вроде 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, как предлагается в комментариях к вопросу: Рабочий пример

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