Javascript 我可以在JS中使用order查找HTML类属性吗？

我在一个HTML文件中有多个div类，它们都使用“square”类。每个div都有自己的值和顺序

<div class="square" data-value=1 style="order: 21;">
</div>

<div class="square" data-value=12 style="order: 22;">
</div>

我可以使用以下语法查找所选卡的值和顺序：

firstCard.dataset.value   
firstCard.style.order

但是，我想做的是找到给定订单的卡的值。所以我想知道订单为19的卡的价值，即使订单为19的卡不是firstCard或secondCard

function selectCard() {
if(!hasClicked) {
  hasClicked = true;
  firstCard = this;
  return;
} else {
  hasClicked = false;
  secondCard = this;
}

我已经尝试了

findObjectByKey

方法，

findObjectByKey（'order'，19）。value

但这不起作用

---

我还研究了jQuery中的

grep

方法，但这也不起作用。

这通过检查每个“square”类来检查顺序是否匹配来起作用

function getValueOfOrder(order){
  var cards = document.getElementsByClassName("square");
  for(i=0;i<cards.length;i++){
    if(cards[i].style.order==order){
      return(cards[i].dataset.value );
    }
  }
}

---

*将“orderNumber”替换为所需的顺序。

这可以通过检查所有元素及其样式来实现，但这将非常低效。如果您有权访问HTML，请添加其他数据属性

数据顺序

。这样，您就可以在JavaScript选择器内部进行筛选（例如，

document.querySelector（'.square[data order=“19”]”）

）。我一直在尝试类似的函数

函数getValue（card）{for（让I=0；I
getValueOfOrder(orderNumber);