javascript - 如果同一行中的跨度包含文本，则 XPath 评估返回 anchor href

Question

如果同一行中的span包含特定的文本，但我不确定如何编写此 XPath 表达式。

下面的代码是我所能得到的，它会返回span的innerHTML。

Jsfiddle:https://jsfiddle.net/m95wdg7f/

var fruitsArray = [];
var nodesSnapshot = document.evaluate("//body/table/tbody/tr[*]/td[*]/span[contains(.,'apple')]", document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );
for ( var i=0 ; i < nodesSnapshot.snapshotLength; i++ ) {
    fruitsArray.push(nodesSnapshot.snapshotItem(i).innerHTML);
}
alert(fruitsArray);

<table>
<tr>
  <td><a href="http://www.oranges.com">link</a></td>
  <td></td>
  <td><span>orange</span></td>
</tr>
<tr>
  <td><a href="http://www.apples.com">link</a></td>
  <td></td>
  <td><span>apple</span></td>
</tr>
<tr>
  <td><a href="http://www.bananas.com">link</a></td>
  <td></td>
  <td><span>banana</span></td>
</tr>
<tr>
  <td><a href="http://www.apples.com">link</a></td>
  <td></td>
  <td><span>apple</span></td>
</tr>
</table>

在我看来，解决方案应该是这样的:

//body/table/tbody/tr[*]/td[*]/a//body/table/tbody/tr[*]/td[*]/span[contains(.,'apple')]

Answer 1

尝试以下任何一项 xpath找到 <a>基于 span 的标签文本。

//span[contains(.,'apple')]/parent::td/preceding-sibling::td/a

或

//table//tr//td//span[contains(.,'apple')]/ancestor::td/preceding-sibling::td/a

或

//table//tr//td//span[contains(.,'apple')]/parent::td/parent::tr/td/a

演示 1:

---

使用 or 条件更新 xpath

//span[contains(.,'apple') or contains(.,'banana') ]/parent::td/preceding-sibling::td/a