javascript - 单击打开另一个具有相同数据索引的 div

Question

在下面，您可以看到我有 div类 card bg-dark text-white与 data-index 0, 1, 2。之后我有另一个 div元素，类 over-menu active和他们的 data-index 0、1、2。

到目前为止我还没有尝试过任何东西，因为我不知道该怎么做。

 <div class="card bg-dark text-white" data-index="0">
 <div class="card bg-dark text-white" data-index="1">
 <div class="card bg-dark text-white" data-index="2">

<div class="over-menu active" data-index="0">
<div class="over-menu active" data-index="1">
<div class="over-menu active" data-index="2">

接下来我要实现的是:当我点击 div 时类 card bg-dark text-white与 data-index 0 打开我 div类 over-menu active与 data-index 0，当 data-index 时相同是 1, 2,...

下面是代码，你能告诉我如何实现吗

Answer 1

当点击card div时，可以从点击的div中找到数据值，然后遍历over-menu div找到具有相应数据值的 div:

$('.card').click(function(){
  var _val = $(this).data('index');
  $('.over-menu').each(function(){
     if (_val === $(this).data('index')){
       //do something
      }
  });
});