Javascript 找到具有唯一内容的元素，然后获取下一个元素的内容

我试图获取

dt

之后的元素的内容，该元素具有页面上其他地方没有的特定内容。我应该用什么方法

<dt>This is the first element</dt>
<dd>This is to be returned</dd>

这是第一个元素
这是要退回的

如果要根据

dt

元素的内容查找

dd

元素的内容，可以在页面中循环查看

dt

元素的节点列表，如下所示：

function getVal() {
    var els = document.getElementsByTagName('dt');
    var returnVal = false;
    for (var i = 0; i < els.length; i++) {
        if (els[i].innerText == contentToMatch) {    // check 'dt' content
            returnVal = els[i].nextSibling.innerText;    // get 'dd' content
            break;
        }
    }
    return returnVal;
}

函数getVal（）{ var els=document.getElementsByTagName（'dt'）； var returnVal=false； 对于（变量i=0；i

---

如果未找到特定内容，此函数将返回

false

。您还可以用

innerHTML

替换

innerText

，具体取决于您要查找的内容。

我会假设类似于for循环的

文档。查询选择器（'dt'）

检查

innerHTML='unique content'

，然后调用

nextSiblingElement

，这似乎不是问题的重复。这个问题涉及如何基于前一个元素的特定条件定位下一个元素，而不仅仅是如何定位后续元素。