(CSS/jQuery/XPath) 用于从姐妹/兄弟节点 (DOM) 获取内部文本的选择器

问题描述

获取文本“100”（来自“100米”，由下面的HTML显示）， 仅使用选择器（CSS/jQuery 和不太喜欢的 - XPath）。

从下面的 2 个姐妹 div 标签中，确定第二个（带有文本“米”） 最后提取第一个（“100”）的文本：

<div class="parameter">
  <div class="parameter-value"> 100 </div>
  <div class="parameter-measure-unit"> meters </div>
</div>

这意味着：

1. 唯一标识第二个div，类parameter-measure-unit

2. 然后唯一标识它的兄弟姐妹div，第一个div，类parameter-value

3. 从这个姐妹 div 中提取值（“100”）。

首选 CSS/jQuery 选择器而不是 XPath。

解决方法

CSS 选择器是

div.parameter-value

或者如果这还不够独特

parameter.parameter>div.parameter-value