我正在制作一款游戏，用户必须在网格中移动 Angular 色并收集乘客。我已经设法使用一些 CSS 和 jQuery 构建了这个网格，但是我需要更改网格中各个方 block 的颜色，因为我需要包括三种类型的地形。
目前我把它全部保存在一个文件中:
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>BotMod</title>
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
ul{list-style:none;}
a{text-decoration:none;}
#grid{
width:500px;
height:500px;
background:#eee;
padding:10px;
border-radius:10px;
}
.box{
font-size:10px;
text-align:center;
float:left;
width:40px;
height:40px;
background:#fff;
border-radius:6px;
margin:4px;
border:1px solid #aaa;
}
</style>
<style id="jsbin-css">
</style>
</head>
<body>
<div id="grid"></div>
<script>
var boxX = 0;
var boxY = 0;
var box = '<div class="box" />';
for (var i = 0; i < 100; i ++){
$('#grid').append(box);
}
</script>
</body>
</html>
所以我要问的是如何将每个方 block 的颜色更改为我选择的颜色？如果有人可以展示任何代码示例，那将非常有帮助，因为我仍在学习 JavaScript 和 jQuery。
最佳答案
“eq()”选择器将在此处帮助您:
如果你想在你的网格中获得第二个框，你可以简单地添加“:eq(2)”到你的选择器:
$('#grid .box:eq(2)').css('background', '#f00');
关于javascript - 我怎样才能改变这个网格上各个方 block 的颜色......？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22721500/