jQuery获取数组中的多个元素并执行 AJAX 调用

yhqotfr8 于 2023-05-17 发布在 jQuery

关注(0)|答案(3)|浏览(92)

我有一个元素列表，我需要获取所有元素的ID，以传递给 AJAX 查询。有没有一个简洁的方法来创建一个数组或列表与这些元素？

<li id="a">...
<li id="b">...
<li id="c">...

我如何获得类似于：items=“a，B，c”;

3条答案

"use strict";

(function () {
  var items = $('li').map(function (index, item) {
    return item.id;
  }).toArray();

  console.log(items);
}());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="a">1</li>
<li id="b">2</li>
<li id="c">3</li>

jQuery解决方案：

var optionIds = [];
$.each($("li"),function(i,item) { optionIds.push($(item).attr('id')); });
var str= 'items='+ optionIds .join(',');
alert(str);

JavaScript解决方案：

var idArray = [];
document.querySelectorAll('li').forEach(function(e){
    idArray.push(e.id);
});
console.log('items='+idArray.join(','))

注意：旧版浏览器不支持forEach和querySelectorAll。