如何比较两个div？

Question

想要制作一个开关函数来比较随机选择的三个 div 之一与 class “卡片”，例如 div 与 id=ímg- 1'。随机变量不是 div，但我不知道如何将其变成一个，或将其 id 与 card1 变量进行比较。

var card1 = document.getElementById('img-1')

function changeCard() {
var random = Math.floor(Math.random() * $('.cards').length);

switch (random){
    case card1:
     play()
     break;
}
}

三个div之一：

<div id="img-1" class="cards"></div>

提前致谢！

Answer 1

我假设您也有 card2 和 card3，正如您在评论中所说，所有卡片都将执行不同的功能。如果是这种情况，scwitch 将随机 div 与变量进行比较过于复杂，您可以简单地创建一个函数数组并随机调用一个函数，就像这样（示例数组包含一些发明的函数名，替换成你自己的函数):

const actions = [play, deal, win];

function changeCard() {
  const len = $('.cards').length,
    rnd = Math.floor(Math.random() * len);
  if (actions.length <= len) {
    actions[rnd]();
  }
}

万一我完全误解了这个问题，你可以像这样将一个随机整数连接到你的代码中的一个元素：

const element = $('.cards')[random];

然后将 element 传递给 switch 而不是 random。

如何比较两个div？

How to compare two divs?

html

javascript

switch-statement