查找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之後計算「next」表？

Answer 1

使用adjacent sibling selector：

document.querySelector('h3 + table'); 

如果您需要選擇包含了ID regular_text一個元素h3標籤後會立即表，我不知道一個純CSS選擇器的解決方案，但你可以這樣做在普通的JS像這樣：

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