Javascript 根据一个同级元素的文本内容选择同级dom元素

Javascript 根据一个同级元素的文本内容选择同级dom元素,javascript,html,css,x-ray,Javascript,Html,Css,X Ray,我有以下html结构- <p> <span class="font-weight-medium"> Phone Number: </span> <br> <span>(123) 456-7869</span> </p> 您可以获取所有span元素,并循环查找包含电话号码的元素之后的下一个span: span_tags=document.getElements

我有以下html结构-

<p>
    <span class="font-weight-medium">
            Phone Number:
    </span>
   <br>
   <span>(123) 456-7869</span>
</p>

您可以获取所有
span
元素,并循环查找包含
电话号码的元素之后的下一个
span

span_tags=document.getElementsByTagName('span');
对于(变量i=0,max=span_tags.length;i

电话号码:
(123) 456-7869

如果您可以使用jQuery,那么,以下是答案:

$("span:contains(Phone Number:)~span")
还是这个

$('span:contains(Phone Number:)').siblings('span')

我没有使用jquery。但无论如何,谢谢你的回答,谢谢你的指点。x-ray内部使用ChereIO,这是jquery的轻量级实现。所以jquery选择器在我的情况下工作!我使用了下面的-
“span:contains(电话号码:)~span'
如果您更新了答案,我会将其标记为接受。这是一个完全有效的答案,但是否有任何基于css选择器的答案而不使用jquery?
$('span:contains(Phone Number:)').siblings('span')