Нужна помощь в написании DOM-запроса в Javacript, который может найти некоторый элемент, чье предыдущее родственное значение соответствует заданному значению

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 (который является таблицей), чье только что предыдущее родственное значение соответствует заданному. Например: я хочу найти элемент HTML с заголовком TEST Value3, в этом случае он должен возвращать ссылку на эту конкретную таблицу. Обратите внимание,

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

дает мне самую первую таблицу по идентификатору и ее братскому значению TEST. Все таблицы имеют одинаковый идентификатор. Так что document.getElementByID() также вернет самую первую таблицу, и поэтому я хочу использовать заголовок для идентификации отдельной таблицы. Вы всегда можете игнорировать повторяющиеся идентификаторы и использовать любой селектор, например, по тэгу et c.