javascript - JavaScript 中的 DOM 查询，它可以定位某个元素，其先前的兄弟值是给定值

Question

我有以下代码片段。

    <caption>TEST Value</caption>
    <table *ngIf="settings" class="table" id="datatable">

    <caption>TEST Value1</caption>
    <table *ngIf="settings" class="table" id="datatable">
    <caption>TEST Value</caption>
    <table *ngIf="settings" class="table" id="datatable">
    <caption>TEST Value2</caption>
    <table *ngIf="settings" class="table" id="datatable">
    <caption>TEST Value3</caption>
    <table *ngIf="settings" class="table" id="datatable">

现在我想找到 HTML 元素（它是表），它的前一个兄弟值是给定的。例如：我想找到标题为 TEST Value3 的 HTML 元素，在这种情况下，它应该返回该特定表的引用。注意

document.getElementById('datatable').previousElementSibling.innerHTML

通过 id 及其兄弟 TEST 值给我第一个表。所有表都有相同的 ID，所以document.getElementByID()也会返回第一个表，这就是为什么我想利用标题来识别单个表。您始终可以忽略重复的 ID，并且可以使用任何选择器，例如标记名等。

标签： javascriptangular