使用javascript查找下一个查询选择器匹配项

这是我的代码：

<div data-tabs>
  Some content
</div>
<div data-tabs-content>
  Some content
</div>
<div data-tabs><!-- Start here -->
  Some content
</div>
<div class="some-nested-divs">
  <div data-tabs-content><!-- Find only this -->
    Some content
    <div data-tabs-content>
      Some content
    </div>
  </div>
</div>

一些内容
一些内容
一些内容
一些内容
一些内容

查看第二个

数据选项卡

元素。从该元素中，我想首先找到

数据选项卡内容的匹配项


假设我的
现在（通过单击）此
指向第二个
数据选项卡

请注意，共有2个
数据选项卡
和3个
数据选项卡内容
它不应从第一个
数据选项卡
或第一个或最后一个

数据选项卡内容开始

匹配应该是单个元素对象

jQuery不是一个选项

---

您可以使用document.querySelectorAll（），它返回类似数组的对象。然后可以使用括号表示法访问所需的div。在这种情况下，所需的div将是索引1处的第二个元素

var tabs = document.querySelectorAll('[data-tabs-content]');
var tab2 = tabsContents[1];

您还可以向div添加一个id，并使用document.getElementById（）

如果您打算使用此函数访问元素，则可以使用

this.nextElementSibling.firstElementChild;

---

[…e.target.parentNode.querySelectorAll（“[data tabs content]”）].slice（1）

假设您总是想忽略第一个

数据选项卡内容

，您是否试图找到一种通用方法，从单击的

其他元素

中选择下一个出现的

某个元素的实例？我不确定，这就是你想要实现的吗@看起来很像。我明天会再试试。睡觉时间。。。