从多维数组
获取指数我有一个多维数组是这样的:从多维数组
var squares = new Array();
for(var i = 0; i <= 8; i++)
{
squares[i] = new Array();
for(var j = (i * 20) + 1; j <= 20 * i + 20; j++)
{
if (squares[i] == null)
{
squares[i] = ''+j;
}
else
{
squares[i].push('' + j);
}
}
}
我想从多维数组的索引,当我点击一个正方形:
angular.element('.click').click(function() {
var squareId = angular.element(this).attr('id'); //Rutans id
for(var k = 0; k <= 8; k++)
{
var squareIndex = squares[k].indexOf(squareId);
}
console.log(squareIndex);
但这仅console.log导致-1。任何人都可以帮助我?
使用indexOf(),你只是检查该数组中存在的ID。因此,如果它发生在第一个数组中,它将继续循环它们,并返回-1覆盖以前的值。
你需要做的就是停止循环,当你找到它并返回k,你正在迭代的数组的索引。
这里是一个小提琴,希望这有助于 Fiddle
var squares = new Array();
for(var i = 0; i <= 8; i++)
{
squares[i] = new Array();
for(var j = (i * 20) + 1; j <= 20 * i + 20; j++)
{
if (squares[i] == null)
{
squares[i] = ''+j;
}
else
{
squares[i].push('' + j);
}
}
}
console.log(squares);
$('a').on('click', function(){
var squareId = $(this).attr('id');
var squareIndex = 0,
numberIndex = 0;
for(var k = 0; k < squares.length; k++)
{
squareIndex = squares[k].indexOf(squareId);
if (squareIndex > -1) {
numberIndex = squareIndex;
squareIndex = k;
break
}
}
alert('NumberIndex: '+ numberIndex+' ParentSquareIndex: '+ squareIndex);
});
这个例子是使用jQuery,但不管原理应该是相同的。 – jameslouiz 2014-09-02 14:14:10
你不能设置squareIndex = k? :) – user500468 2014-09-02 14:23:36
你可以,它的工作原理。看小提琴。 – jameslouiz 2014-09-02 14:24:38
请看这里http://plnkr.co/edit/aldjCQRchgESR7IWn367?p=preview我希望这会有所帮助。
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="[email protected]" src="https://code.angularjs.org/1.2.22/angular.js" data-semver="1.2.22"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<p>Hello !</p>
<table>
<tr ng-repeat="lines in squares track by $index ">
<td ng-repeat="nr in lines track by $index" ng-click="getMyId(nr)">{{nr}}</td>
</tr>
</table>
</body>
</html>
JS:
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
var squares = [];
for(var i = 0; i <= 8; i++)
{
squares[i] = [];
for(var j = (i * 20) + 1; j <= 20 * i + 20; j++)
{
if (squares[i] === null)
{
squares[i] = ''+j;
}
else
{
squares[i].push('' + j);
}
}
}
$scope.squares = squares;
$scope.getMyId = function(id){
alert(id);
}
console.log(squares);
});
你不是在循环过程与做任何事情squareIndex。循环后的值是您在上次迭代中获得的值。显然,最后一个数组中没有squareId。 – Sacho 2014-09-02 13:54:36
@Sacho:谢谢。但是,我怎么才能在我的多维数组中获得squareId的值呢? – user500468 2014-09-02 13:57:16