Javascript 根据一个同级元素的文本内容选择同级dom元素
我有以下html结构-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
<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')