Javascript 为什么它不为阶级服务;。1“;在数组中,其他类可以正常工作吗?

Javascript 为什么它不为阶级服务;。1“;在数组中,其他类可以正常工作吗?,javascript,html,arrays,error-handling,Javascript,Html,Arrays,Error Handling,我有一个名为array的数组(注释为TOP-array),这个数组实际上包含不同div元素的类。我加入了数组,使这个表单的每个元素都变成“.1”或“.4”等,现在如果单击其中的任何类,我将其html存储在变量hello中,然后从hello的html中提取类并将它们放入数组中。现在我需要知道用户点击了什么,所以我制作了一个数组blaharray来比较hello的数组元素。通过这样做,我试图将hello数组的“1”或“6”类与blaharray匹配。如果匹配,我将添加“.”和匹配的hello元素,使

我有一个名为array的数组(注释为TOP-array),这个数组实际上包含不同div元素的类。我加入了数组,使这个表单的每个元素都变成“.1”或“.4”等,现在如果单击其中的任何类,我将其html存储在变量hello中,然后从hello的html中提取类并将它们放入数组中。现在我需要知道用户点击了什么,所以我制作了一个数组blaharray来比较hello的数组元素。通过这样做,我试图将hello数组的“1”或“6”类与blaharray匹配。如果匹配,我将添加“.”和匹配的hello元素,使其类似于“.7”,表示用户单击的类,并将其存储在userclicked中。但如果单击了类“.1”,userclicked将不返回任何内容。所以我试着检查类“.1”的hello数组中是否存在问题,发现在for循环之外(疯狂代码开始的地方),hello返回类“.1”的正确数组,即[“1”,“col-xs-4”,“col-md-4”],但在控制台中单击“.1”时,它在控制台中没有输出。但是,如果我点击任何其他类,比如2到9,它会给出适当的hello和userclicked for循环内外的输出。但是为什么当hello是[“1”,“col-xs-4”,“col-md-4”](我的意思是点击“.1”时)它不工作呢

array=[”.1.2.3.4.5.6.7.8.9“]//顶级阵列
$(array.join(“”)。单击(function(){
$(this).html(输入);
var hello=this;//它将存储已单击类的html
hello=hello.className.split(//\s+/);//它将提取类并将它们放入如下数组-->[“1”、“col-xs-4”、“col-md-4”]
var blaharray=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”];
console.log(hello);//在这里它可以工作,给出[“1”,“col-xs-4”,“col-md-4”]
对于(var i=0;i0){//它将检查在blah数组中是否找到hello数组中的任何类,我们在这里检查类“1”,共[“1”,“col-xs-4”,“col-md-4”]
userclicked=“.hello[i];//如果找到它,它会向其中添加一个“.”,以使顶部数组的“.1”由“”连接(我将在一些代码中使用它)
console.log(hello);//这里控制台不生成任何内容,即仅当单击“.1”时才为空
}
}//疯狂的代码结尾告诉我们用户单击了什么
});
这里是html的参考类,我有像1,2等divs类

<div class="container-fluid">
  <div class=" yo text-center row">
    <h1>Tic Tac Toe by Uzma</h1>
    <div class="col-xs-12 col-md-12 we">
      <div class="row ">
        <div class="1 col-xs-4 col-md-4"></div>
        <div class="2 col-xs-4 col-md-4"></div>
        <div class="3 col-xs-4 col-md-4"></div>
      </div>
      <div class="row">
        <div class="4 col-xs-4 col-md-4"></div>
        <div class="5 col-xs-4 col-md-4"></div>
        <div class="6 col-xs-4 col-md-4"></div>
      </div>
      <div class="row">
        <div class="7 col-xs-4 col-md-4"></div>
        <div class="8 col-xs-4 col-md-4"></div>
        <div class="9 col-xs-4 col-md-4"></div>
      </div>
    </div>
  </div>
</div>

Uzma的Tic Tac Toe

下面是检查不同点击的代码笔

,这是因为blaharray中“1”的索引为0,并且永远不会通过if条件:

var blaharray=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”];

console.log(blaharray.indexOf(“1”))这是因为blaharray中“1”的索引为0,并且永远不会通过if条件:

var blaharray=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”];

console.log(blaharray.indexOf(“1”))类名称必须以字母、连字符或下划线开头。不是数字,这不是重点。对于其他数字类来说,它工作得很好。你不需要在顶部使用这个数组。它只是一个字符串,而不是几个数字。或者只是丢失引号并使其成为一个正确的数字数组。@ManoDestra No即使该数组在与“”联接时也能工作,这使它们在jquery选择器中成为逗号分隔的类。尽管它是否隐式地与jquery一起工作,但仍然是错误的。定义数组的内容,而不是基于隐式转换。类名必须以字母、连字符或下划线开头。不是数字,这不是重点。对于其他数字类来说,它工作得很好。你不需要在顶部使用这个数组。它只是一个字符串,而不是几个数字。或者只是丢失引号并使其成为一个正确的数字数组。@ManoDestra No即使该数组在与“”联接时也能工作,这使它们在jquery选择器中成为逗号分隔的类。尽管它是否隐式地与jquery一起工作,但仍然是错误的。定义数组的内容,而不是基于隐式转换。是的,它现在可以工作,我的整个代码也可以工作,这是因为“>”:D我的Tic-Tac游戏工作,很多功劳归你。是的,它现在可以工作,我的整个代码也可以工作,这是因为“>”:D我的Tic-Tac游戏工作,很多功劳归你。
<div class="container-fluid">
  <div class=" yo text-center row">
    <h1>Tic Tac Toe by Uzma</h1>
    <div class="col-xs-12 col-md-12 we">
      <div class="row ">
        <div class="1 col-xs-4 col-md-4"></div>
        <div class="2 col-xs-4 col-md-4"></div>
        <div class="3 col-xs-4 col-md-4"></div>
      </div>
      <div class="row">
        <div class="4 col-xs-4 col-md-4"></div>
        <div class="5 col-xs-4 col-md-4"></div>
        <div class="6 col-xs-4 col-md-4"></div>
      </div>
      <div class="row">
        <div class="7 col-xs-4 col-md-4"></div>
        <div class="8 col-xs-4 col-md-4"></div>
        <div class="9 col-xs-4 col-md-4"></div>
      </div>
    </div>
  </div>
</div>