我尝试使用data属性比较不同div类的两个值。我有多个这样的div类,它们都有不同的data-vale:
<div class="card" data-value=38>
<img class ="front-face" src= "PNG/QH.png"/>
</div>
<div class="card" data-value=39>
<img class ="front-face" src= "PNG/KH.png"/>
</div>
每个div类还将使用cards.style.order接收一个唯一的订单
在JS函数中,用户将选择两张卡( firstCard,secondCard),该函数应该检查firstCard的值是否比顺序比secondCard多1的卡的值大1。
下面是我一直在尝试使用的代码:
const cards = document.querySelectorAll('.card');
if(firstCard.dataset.value === cards[cards.indexOf(secondCard)-1].dataset.value)
cards是一个存放我所有div类的数组。我收到的一个错误告诉我,indexOf在这里不是一个可用的函数。我想这可能是因为div类实际上并不是数组的一部分,我需要一个不同的方法来找到某个东西的'value‘而不是'index of’。
例如,如果一行卡片为2D、7S、9D、8H、3D,则用户可以单击3D(对于firstCard )和7S(对于secondCard )。该函数将验证3D的值是否大于2D,并交换3D和7S的位置。
https://stackoverflow.com/questions/52374307
复制相似问题