jQueryは配列に複数の項目を取得し、ajax呼び出しを実行します

Question

私は要素のリストを持っており、すべてのidをajaxクエリに渡す必要があります。これらの要素で配列やリストを作成するうえで、きちんとした方法はありますか？

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

どうすればよいですか：items = "a、b、c";

Answer 1

(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>

Answer 2

Javascriptのソリューション：

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

注：forEachのとquerySelectorAllは古いブラウザでサポートされていません。

Answer 3

jQueryのソリューション：

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