如何编辑数组中的变量而不是增量?

詹姆斯·伯顿

按照此获取完整代码:http : //codepen.io/anon/pen/JWRabY

这是我遇到问题的部分:

var dataID = 1;
$('svg rect.grid').each(function() {
$(this).attr('data-id', dataID);
dataID++
});

这会动态地为从 1 开始创建的每个“svg rect.grid”(即一个正方形)创建一个属性“data-id”。代码生成 9 个正方形。

我想更改 dataID 以使用数组,例如

 4, 9, 2, 3, 5, 7, 8, 1, 6

而不是顺序编号每个方格 1-9。

我希望这是有道理的。

乔维

只需使用数组和 shift 依次获取每个元素:

var ids = [4, 9, 2, 3, 5, 7, 8, 1, 6];
$('svg rect.grid').each(function() {
    $(this).attr('data-id', ids.shift());
});

请注意,这会改变数组,因此如果您需要多次运行此过程,请确保您没有将数组永久存储在某个地方,并且每次都重新初始化它。(例如,将此代码放在函数中并调用它是可行的。)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章