Question

这是我的代码：

<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>

查看第二个 data-tabs元素。从该元素我想找到data-tabs-content的第一个匹配。

让我们说this现在指向第二 data-tabs（点击一下）。
请注意，有2 data-tabs和3 data-tabs-content。
不应该从第一个 data-tabs或第一个或最后一个 {{开始1}}。
匹配应该是单个元素对象。
jQuery不是一个选项。

Answer 1

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

!/[^,]/

你也可以在div中添加一个id并使用document.getElementById（）;

如果您使用此设置进入元素，则可以使用

$ awk '!/[^,]/{exit}1' file 
header1,header2,header3
value10,value20,value30
value11,value21,value31

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

1 个答案: