使用 xpath 查找 svg 下的第 n 个孩子

Question

我正在为 svg 标签下的元素编写 xpath。我想获得第二个矩形节点。

我的 xpath 找到所有 3 个节点，而我的要求是只找到第二个 -

xpath：//*[name()='svg']/*[name()='rect' and @fill='#919EF9']

HTML 示例，

<svg width="400" height="110">
<rect id="yui_3_6_0_1_1435305312018_1190" x="35.5" y="60.5" width="68" height="117" stroke="#FFFFFF" stroke-width="1" fill="#919EF9" rx="0" ry="0">
<rect x="176.5" y="65.5" width="68" height="48" stroke="#FFFFFF" stroke-width="1" fill="#919EF9" rx="0" ry="0">
<rect x="316.5" y="30.5" width="68" height="70" stroke="#FFFFFF" stroke-width="1" fill="#919EF9" rx="0" ry="0">
</svg>

Answer 1

使用[n] 选择nth 元素：

//*[name()='svg']/*[name()='rect' and @fill='#919EF9'][2]

Answer 2

使用以下 XPATH

//svg/rect[2]