javascript - 根据其中一个兄弟的文本内容选择兄弟dom元素

Question

我有以下 html 结构 -

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

现在我想使用纯 javascript 或 css 选择器选择所有具有 phone number 的 span。我正在使用x 射线。我试过这个，但这似乎不起作用。

  x(html,'span[contains(text(),"Phone Number")]')
  (function(err, obj) {
      console.log(obj);
  });

Answer 1

如果您使用 jQuery 没问题，那么，这里就是答案:

$("span:contains(Phone Number:)~span")

或者这个

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