在h3标签后找到下一个表

Question

以下是我的工作内容：

<table class="info-table"></table>
<h3><span id="regular_text">Regular Text</span></h3>
<table class="info-table"></table> <!--Give this table an id.-->

我需要给第二张表一个id，但我不确定我是如何达到它的。是否有某种jQuery或JavaScript可以在h3 #regular_text之后计算“下一个”表？

Answer 1

使用adjacent sibling selector：

document.querySelector('h3 + table');

如果您需要选择包含ID为h3的元素的regular_text标记后面的表格，我不知道纯CSS选择器解决方案，但你可以在普通的JS中这样做：

var heading = document.getElementById('regular_text').parentElement;
var table = heading.nextElementSibling;
table.id = 'tableId';