javascript - 遍历 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”的形式创建数据，这样我就可以构建一个字符串以在我的 POST ajax 请求中传递。

类似于 value=10_banana&value=20_grapefruit& 等等。

如何最好地遍历元素以创建我要查找的数据字符串。

提前致谢。

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 元素循环