逗号分隔列表在jQuery

前端之家收集整理的这篇文章主要介绍了逗号分隔列表在jQuery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图创建一个逗号分隔列表从表单上检查。
var $StateIDs = $(':checked');
var StateIDs = '';
for (i=0,j = $StateIDs.length; i < j; i++) {
    StateIDs += $StateIDs[i].val();
    if (i == j) break;
    StateIDs += ',';
}

这可能是一个可以做到这一点的单线程,还是一个单一的功能

解决方法

map()将成为你的朋友。
var StateIDs = $(':checked').map(function() { 
    return this.value; 
}).get().join(',');

StateID将是逗号分隔的字符串。

一步一步 – 发生了什么事?

$(':checked')
// Returns jQuery array-like object of all checked inputs in the document
// Output: [DOMElement,DOMElement]

$(':checked').map(fn);
// Transforms each DOMElement based on the mapping function provided above
// Output: ["CA","VA"]  (still a jQuery array-like object)

$(':checked').map(fn).get();
// Retrieve the native Array object from within the jQuery object
// Output: ["CA","VA"]

$(':checked').map(fn).get().join(',');
// .join() will concactenate each string in the array using ','
// Output: "CA,VA"

猜你在找的jQuery相关文章