按照此获取完整代码: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] 删除。
我来说两句