如何在javascript中避免ClickesitemsType数组数字进入SelectedclassNamesFirstLevel数组

我已经开发了一个代码 有两个数组包含唯一的图像作为url，但每个数组中的

Type

编号为1到6

我从数组

item1

中选择3项，从数组

item11

中选择3项。这6个项目被推送到

mixaray1

，并带有相应的

类型

，以识别它

我已经在每个

悬停面板
类img标签的类
pad
中给出了从mixarray1到六个框的
url

每次单击时，每个
悬停面板
都会被翻转，后面会显示一个图像，显示所单击的
悬停面板的相应名称
会被推送到
selectedclassnamesFirstLevel

单击对应的imageurl存储在
链接
中，用于查找imageurl的
类型
，并存储在
ClickEditemsLevel 1
中

在
两次单击后
如果两个数字相等，则比较
ClickEditemsLevel 1
中的元素（即标记为1-6的数字类型）。。。。。在
selectedclassnamesFirstLevel
中收集的两个类名（即悬停面板名）被翻转回来

我的问题是
单击两次后，如果
图像类型
不同，则两个悬停面板将翻转回来。。。。之后，当两次单击包含相同的imageType时，悬停面板将停留在那里。。。。。。
问题来了，
之后，当两次单击包含不同的
图像类型时，悬停面板不会翻转回来

当我在该点签入时，数组
selectedclassnamesFirstLevel
具有悬停面板的名称，它具有
ClickeditemType

如何避免此问题
单击编辑类型
所选ClassNamesFirstLevel中的数字
数组


var array2=[]；
var array21=[]；
购买风险值=[]；
var注释=[]；
var itempurchase=[]；
var curruspondingnotes=[]；
var mixarray1=[]；
变量clikeditemslevel1=[]；
var emptyarray=[]；
var selectedclassnamesFirstLevel=[]；
var-clickcounter=0；
变量项1=[{
标签：“38.jpg”，
url:“https://i.ibb.co/Rp7MZrj/38.jpg",
类型：“1”
},
{
标签：“55.jpg”，
网址：'https://i.ibb.co/Fs7P75q/55.jpg',
类型：“2”
},
{
标签：“75.jpg”，
网址：'https://i.ibb.co/rwdV3mw/75.jpg',
类型：“3”
},
{
标签：“100.jpg”，
网址：'https://i.ibb.co/NsTJwMg/100.jpg',
类型：“4”
},
{
标签：“125.jpg”，
网址：'https://i.ibb.co/h707xz4/125.jpg',
类型：“5”
},
{
标签：“150.jpg”，
网址：'https://i.ibb.co/zPKQXCY/150.jpg',
类型：“6”
}
];
变量项11=[{
标签：“38.jpg”，
网址：'https://i.ibb.co/xL7Pb80/t38.jpg',
类型：“1”
},
{
标签：“55.jpg”，
网址：'https://i.ibb.co/Gd4sThr/t55.jpg',
类型：“2”
},
{
标签：“75.jpg”，
网址：'https://i.ibb.co/xgFyTqq/t75.jpg',
类型：“3”
},
{
标签：“100.jpg”，
网址：'https://i.ibb.co/3MNsCch/t100.jpg',
类型：“4”
},
{
标签：“125.jpg”，
网址：'https://i.ibb.co/4d2zr54/t125.jpg',
类型：“5”
},
{
标签：“150.jpg”，
网址：'https://i.ibb.co/Sy4CDm0/t150.jpg',
类型：“6”
}
];
array2=items1.slice（）；
array21=items11.slice（）；
函数rvalue（）{
对于（让索引=0；索引<3；索引++）{
var itempurchase=array2[指数]；
var curruspondingnotes=array21[指数]；
试一试{
预购({
标签：itempurchase.url，
类型：itempurchase.type
});
notes.push({
标签：curruspondingnotes.url，
类型：curruspondingnotes.type
});
混合推进({
标签：curruspondingnotes.url，
类型：curruspondingnotes.type
});
混合推进({
标签：itempurchase.url，
类型：itempurchase.type
})
}捕获（错误）{}
}
}
右值（）；
//----------------------------将图像设置为src--------------------------------
对于（i=0；i<6；i++）{
new1=document.getElementById（i+1）；
imagee=mixarray1[i]。标签；
var-path=imagee；
$（new1.attr（'src'，path）；
}
//new1.style.backgroundImage='url（images/'+imagee+'）；
//----------------------翻转功能启动------------------------------------
$（文档）.ready（函数（）{
$（'.hover'）。单击（函数（）{
$（this.toggleClass（'flip'）；
var k=$（this.attr（'class'）；
var fileNameIndex=k.lastIndexOf（“/”）+1；
var filename=k.substr（fileNameIndex）；
var result0=filename.slice（0，-5）；
选择ClassNamesFirstLevel.push（结果0）；
log（“result0是”+result0）；
log（“selectedclassnamesFirstLevel”+selectedclassnamesFirstLevel）；
console.log（selectedclassnamesFirstLevel）；
var takenpad=$（this.find（'.pad'）；
var imagcheck=$（takenpad.find（'img'）；
var link=imagcheck.first（）.attr（“src”）；
var fileNameIndexforsearch=链接；
var filenameurl=link.substr（fileNameIndexforsearch）；
让toSearch='filenameurl'；
clickcounter=clickcounter+1；
让resultType=mixarray1.filter（obj=>{
返回obj.label==filenameurl
})
单击类型=结果类型[0]。类型；
clikeditemslevel1.推送（单击类型）；
//--------------->删除ClikedItemLevel1[]数组中的悬停面板-----------------
对于（i=0；i2）{
clikeditemslevel1.拼接（i，1）；
}
}
console.log（“！！！！！！！！！！！！！单击下面的项目类型数组！！！！！！！”；
console.log（clikeditemslevel1）；
//--------------->正在检查两种类型是否不相等-----------------------------------------
如果（类型clikeditemslevel1[0]！==“未定义”&&TypeOfClikedItemsLevel1[1]！==“未定义”&&clikeditemslevel1[0]！=clikeditemslevel1[1]）{
FlipThistTypeHoverPanel（）；
}
//--------------->检查是否单击了两种类型