如何基于名称及序号选择目标元素的XPath？

我有一个表格，希望根据名称选择对应的详情字段，例如要选择表格中第一个John所在行（第29行）的详情字段。用户名列XPath：usercard-table/div/div/div[2]///div[1]/div/div[2]/div/div[29]/div/div[3]/div/，详情列XPath：usercard-table/div/div/div[2]///div[2]/div[2]/div/div[29]/div/div[3]/div/。请问如何根据名称选择详情字段的第29行？我曾尝试使用类似//div[2]/div/div[contains(.,'John)[1]]/div/div[3]/div的XPath，但未成功。

以下是简化代码示例，我想要基于第二个John（对应div\div\div[3]）选择class="cell-icons-after-text"的span元素：

<div>
    <div>
        <div>
            </span>
                <span name="indicators" class="cell-icons-after-text">
                </span>
                <span name="value" class="cellText">
                    <span class="ui-grid-cell-contents-value"><span name="data">John</span></span>
                </span>
            </span>
        </div>
        <div>
            </span>
                <span name="indicators" class="cell-icons-after-text">
                </span>
                <span name="value" class="cellText">
                    <span class="ui-grid-cell-contents-value"><span name="data">Will</span></span>
                </span>
            </span>
        </div>
        <div>
            </span>
                <span name="indicators" class="cell-icons-after-text">
                </span>
                <span name="value" class="cellText">
                    <span class="ui-grid-cell-contents-value"><span name="data">John</span></span>
                </span>
            </span>
        </div>
    </div>
    <div>
        <div>
            </span>
                <span name="indicators" class="cell-icons-after-text">
                </span>
                <span name="value" class="cellText">
                    <span class="ui-grid-cell-contents-value"><span name="data">John</span></span>
                </span>
            </span>
        </div>
        <div>
            </span>
                <span name="indicators" class="cell-icons-after-text">
                </span>
                <span name="value" class="cellText">
                    <span class="ui-grid-cell-contents-value"><span name="data">Will</span></span>
                </span>
            </span>
        </div>
        <div>
            </span>
                <span name="indicators" class="cell-icons-after-text">
                </span>
                <span name="value" class="cellText">
                    <span class="ui-grid-cell-contents-value"></span>
                </span>
            </span>
        <div>
            </span>
                <span name="indicators" class="cell-icons-after-text">
                </span>
                <span name="value" class="cellText">
                    <span class="ui-grid-cell-contents-value"></span>
                </span>
            </span>
        <div>
            </span>
                <span name="indicators" class="cell-icons-after-text">
                </span>
                <span name="value" class="cellText">
                    <span class="ui-grid-cell-contents-value"></span>
                </span>
            </span>
        </div>
    </div>
</div>

针对简化示例的需求（选择第二个John对应的cell-icons-after-text元素） #

可用以下XPath精准定位：

(//span[@name='data' and text()='John'])[2]/ancestor::div[1]/span[@class='cell-icons-after-text']

或者更简洁的写法：

(//div[.//span[@name='data' and text()='John']])[2]/span[@class='cell-icons-after-text']

针对原表格第29行的需求 #

要根据John定位第29行的详情字段，可先定位用户名列第29行的John元素，再通过轴关系找到同位置的详情字段：

//div[@class='usercard-table']/div/div/div[2]//div[1]/div/div[2]/div/div[29][.//text()='John']/../../../../div[2]/div[2]/div/div[29]/div/div[3]/div

如果需要更灵活的写法（不依赖固定行号，先找到包含John的行再取对应详情）：

//div[@class='usercard-table']/div/div/div[2]//div[1]/div/div[2]/div/div[.//text()='John'][1]/../../../../div[2]/div[2]/div/div[position()=count(//div[@class='usercard-table']/div/div/div[2]//div[1]/div/div[2]/div/div[.//text()='John'][1]/preceding-sibling::div)+1]/div/div[3]/div

你之前尝试失败的原因 #

你写的//div[2]/div/div[contains(.,'John)[1]]/div/div[3]/div存在语法错误：contains(.,'John)缺少闭合引号，且[1]的位置错误，应该放在整个节点选择器后方，而非函数内部。

内容的提问来源于stack exchange，提问作者Alex