javascript - jQuery:将属性值转换为嵌套数组(字符串到数字)

Question

使用 jQuery，我想获取每个属性值，将其插入到一个数组中，然后将每个数组插入到一个数组中。

来自此 HTML:

   <ul>
        <li data-bbox="-121,20,-36,30">Item 1</li>
        <li data-bbox="-122,30,-46,40">Item 2</li>
        <li data-bbox="-123,40,-56,50">Item 3</li>
    </ul>

我正在尝试创建这种类型的嵌套数组:

var bboxArray = [
    [-121,20,-36,30],
    [-122,30,-46,40],
    [-123,40,-56,50]
];

...并将字符串转换为数字。

我假设我需要做这样的事情:

var bboxArray = [];
$('li[data-bbox]').each(function() {
  bboxArray.push($(this).attr('data-bbox').split(','));
});

Answer 1

Working Example

虽然您的代码确实有效，但它返回字符串而不是所需输出中的数字，这将做到这一点:

我只是在推送末尾添加了.map(Number)

$('li[data-bbox]').each(function() {
  bboxArray.push($(this).attr('data-bbox').split(',').map(Number));
});