我正在尝试使错误清除程序变得简单,我编写了此代码来检查每个单元格或它周围的所有其他单元格(6个单元格还是4个单元格取决于其位置),根据他将植入的结果在其周围的一个单元中随机发现一个错误,但是结果却不是我所计划的那样,某些单元及其周围的环境是空的! enter image description here 结果:
$(document).ready(function(){
for(var i=1; i<=11; i++)
{
for(var m=2; m<=19; m++)
{
if(
!$('#'+i+'_'+m).hasClass('b') &&
!$('#'+i+'_'+m).next().hasClass('b') &&
!$('#'+i+'_'+m).prev().hasClass('b') &&
!$('#'+(i+1)+'_'+m).hasClass('b') &&
!$('#'+(i+1)+'_'+m).next().hasClass('b') &&
!$('#'+(i+1)+'_'+m).prev().hasClass('b') &&
!$('#'+(i-1)+'_'+m).hasClass('b') &&
!$('#'+(i-1)+'_'+m).next().hasClass('b') &&
!$('#'+(i-1)+'_'+m).prev().hasClass('b')
)
{
var plant = Math.floor(Math.random() * 9) + 1;
if(plant == 1)
{
$('#'+i+'_'+m).addClass('b');
$('#'+i+'_'+m).text('b');
}
if(plant == 2)
{
$('#'+i+'_'+m).next().addClass('b');
$('#'+i+'_'+m).next().text('b');
}
if(plant == 3)
{
$('#'+(i+1)+'_'+m).prev().addClass('b');
$('#'+(i+1)+'_'+m).prev().text('b');
}
if(plant == 4)
{
$('#'+(i+1)+'_'+m).addClass('b');
$('#'+(i+1)+'_'+m).text('b');
}
if(plant == 5)
{
$('#'+(i+1)+'_'+m).next().addClass('b');
$('#'+(i+1)+'_'+m).next().text('b');
}
if(plant == 6)
{
$('#'+(i+1)+'_'+m).prev().addClass('b');
$('#'+(i+1)+'_'+m).prev().text('b');
}
if(plant == 7)
{
$('#'+(i-1)+'_'+m).addClass('b');
$('#'+(i-1)+'_'+m).text('b');
}
if(plant == 8)
{
$('#'+(i-1)+'_'+m).next().addClass('b');
$('#'+(i-1)+'_'+m).next().text('b');
}
if(plant == 9)
{
$('#'+(i-1)+'_'+m).prev().addClass('b');
$('#'+(i-1)+'_'+m).prev().text('b');
}
}
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="main">
<div class="field">
<div class="trb" id='bord'>
<div id =1_1></div>
<div id =1_2></div>
<div id =1_3></div>
<div id =1_4></div>
<div id =1_5></div>
<div id =1_6></div>
<div id =1_7></div>
<div id =1_8></div>
<div id =1_9></div>
<div id =1_10></div>
<div id =1_11></div>
<div id =1_12></div>
<div id =1_13></div>
<div id =1_14></div>
<div id =1_15></div>
<div id =1_16></div>
<div id =1_17></div>
<div id =1_18></div>
<div id =1_19></div>
<div id =1_20></div>
</div>
<div class="tr1" id='1'>
<div id =1_1></div>
<div id =1_2></div>
<div id =1_3></div>
<div id =1_4></div>
<div id =1_5></div>
<div id =1_6></div>
<div id =1_7></div>
<div id =1_8></div>
<div id =1_9></div>
<div id =1_10></div>
<div id =1_11></div>
<div id =1_12></div>
<div id =1_13></div>
<div id =1_14></div>
<div id =1_15></div>
<div id =1_16></div>
<div id =1_17></div>
<div id =1_18></div>
<div id =1_19></div>
<div id =1_20></div>
</div>
<div class="tr2" id='2'>
<div id =2_1></div>
<div id =2_2></div>
<div id =2_3></div>
<div id =2_4></div>
<div id =2_5></div>
<div id =2_6></div>
<div id =2_7></div>
<div id =2_8></div>
<div id =2_9></div>
<div id =2_10></div>
<div id =2_11></div>
<div id =2_12></div>
<div id =2_13></div>
<div id =2_14></div>
<div id =2_15></div>
<div id =2_16></div>
<div id =2_17></div>
<div id =2_18></div>
<div id =2_19></div>
<div id =2_20></div>
</div>
<div class="tr3" id='3'>
<div id =3_1></div>
<div id =3_2></div>
<div id =3_3></div>
<div id =3_4></div>
<div id =3_5></div>
<div id =3_6></div>
<div id =3_7></div>
<div id =3_8></div>
<div id =3_9></div>
<div id =3_10></div>
<div id =3_11></div>
<div id =3_12></div>
<div id =3_13></div>
<div id =3_14></div>
<div id =3_15></div>
<div id =3_16></div>
<div id =3_17></div>
<div id =3_18></div>
<div id =3_19></div>
<div id =3_20></div>
</div>
<div class="tr4" id='4'>
<div id =4_1></div>
<div id =4_2></div>
<div id =4_3></div>
<div id =4_4></div>
<div id =4_5></div>
<div id =4_6></div>
<div id =4_7></div>
<div id =4_8></div>
<div id =4_9></div>
<div id =4_10></div>
<div id =4_11></div>
<div id =4_12></div>
<div id =4_13></div>
<div id =4_14></div>
<div id =4_15></div>
<div id =4_16></div>
<div id =4_17></div>
<div id =4_18></div>
<div id =4_19></div>
<div id =4_20></div>
</div>
<div class="tr5" id='5'>
<div id =5_1></div>
<div id =5_2></div>
<div id =5_3></div>
<div id =5_4></div>
<div id =5_5></div>
<div id =5_6></div>
<div id =5_7></div>
<div id =5_8></div>
<div id =5_9></div>
<div id =5_10></div>
<div id =5_11></div>
<div id =5_12></div>
<div id =5_13></div>
<div id =5_14></div>
<div id =5_15></div>
<div id =5_16></div>
<div id =5_17></div>
<div id =5_18></div>
<div id =5_19></div>
<div id =5_20></div>
</div>
<div class="tr6" id='6'>
<div id =6_1></div>
<div id =6_2></div>
<div id =6_3></div>
<div id =6_4></div>
<div id =6_5></div>
<div id =6_6></div>
<div id =6_7></div>
<div id =6_8></div>
<div id =6_9></div>
<div id =6_10></div>
<div id =6_11></div>
<div id =6_12></div>
<div id =6_13></div>
<div id =6_14></div>
<div id =6_15></div>
<div id =6_16></div>
<div id =6_17></div>
<div id =6_18></div>
<div id =6_19></div>
<div id =6_20></div>
</div>
<div class="tr7" id='7'>
<div id =7_1></div>
<div id =7_2></div>
<div id =7_3></div>
<div id =7_4></div>
<div id =7_5></div>
<div id =7_6></div>
<div id =7_7></div>
<div id =7_8></div>
<div id =7_9></div>
<div id =7_10></div>
<div id =7_11></div>
<div id =7_12></div>
<div id =7_13></div>
<div id =7_14></div>
<div id =7_15></div>
<div id =7_16></div>
<div id =7_17></div>
<div id =7_18></div>
<div id =7_19></div>
<div id =7_20></div>
</div>
<div class="tr8" id='8'>
<div id =8_1></div>
<div id =8_2></div>
<div id =8_3></div>
<div id =8_4></div>
<div id =8_5></div>
<div id =8_6></div>
<div id =8_7></div>
<div id =8_8></div>
<div id =8_9></div>
<div id =8_10></div>
<div id =8_11></div>
<div id =8_12></div>
<div id =8_13></div>
<div id =8_14></div>
<div id =8_15></div>
<div id =8_16></div>
<div id =8_17></div>
<div id =8_18></div>
<div id =8_19></div>
<div id =8_20></div>
</div>
<div class="tr9" id='9'>
<div id =9_1></div>
<div id =9_2></div>
<div id =9_3></div>
<div id =9_4></div>
<div id =9_5></div>
<div id =9_6></div>
<div id =9_7></div>
<div id =9_8></div>
<div id =9_9></div>
<div id =9_10></div>
<div id =9_11></div>
<div id =9_12></div>
<div id =9_13></div>
<div id =9_14></div>
<div id =9_15></div>
<div id =9_16></div>
<div id =9_17></div>
<div id =9_18></div>
<div id =9_19></div>
<div id =9_20></div>
</div>
<div class="tr10" id='10'>
<div id =10_1></div>
<div id =10_2></div>
<div id =10_3></div>
<div id =10_4></div>
<div id =10_5></div>
<div id =10_6></div>
<div id =10_7></div>
<div id =10_8></div>
<div id =10_9></div>
<div id =10_10></div>
<div id =10_11></div>
<div id =10_12></div>
<div id =10_13></div>
<div id =10_14></div>
<div id =10_15></div>
<div id =10_16></div>
<div id =10_17></div>
<div id =10_18></div>
<div id =10_19></div>
<div id =10_20></div>
</div>
<div class="tr11" id='11'>
<div id =11_1></div>
<div id =11_2></div>
<div id =11_3></div>
<div id =11_4></div>
<div id =11_5></div>
<div id =11_6></div>
<div id =11_7></div>
<div id =11_8></div>
<div id =11_9></div>
<div id =11_10></div>
<div id =11_11></div>
<div id =11_12></div>
<div id =11_13></div>
<div id =11_14></div>
<div id =11_15></div>
<div id =11_16></div>
<div id =11_17></div>
<div id =11_18></div>
<div id =11_19></div>
<div id =11_20></div>
</div>
<div class="tr12" id='12'>
<div id =12_1></div>
<div id =12_2></div>
<div id =12_3></div>
<div id =12_4></div>
<div id =12_5></div>
<div id =12_6></div>
<div id =12_7></div>
<div id =12_8></div>
<div id =12_9></div>
<div id =12_10></div>
<div id =12_11></div>
<div id =12_12></div>
<div id =12_13></div>
<div id =12_14></div>
<div id =12_15></div>
<div id =12_16></div>
<div id =12_17></div>
<div id =12_18></div>
<div id =12_19></div>
<div id =12_20></div>
</div>
</div>
</div>