html - Xpath-仅带有结束标记的选择元素

Question

我是xpath的新手，并且在此方面停留了太长时间。是否可以从以下示例中获得upc值0305064523219？

我尝试使用//div[@class='prdct3']/strong[4]，但是当然在强标签之间仅包含'UPC：'。我需要转到<br />标记。有没有办法让xpath在元素之后获取元素？

<div class="prdct3">
<p><strong>Description:</strong></p>

<p><a href="/catalog/?JOJ4026UP=jojoblister-card-2-
colors-asstd">Digital Watch on Blister Card 2 Colors Asstd.</a></p>
<strong>Item Size:</strong> 6.75" x 3.5" x .75"<br />
<strong>Case:</strong> 144 <strong>Inner:</strong> 24<br />
<strong>UPC:</strong> 0305064523219<br />
<strong>WT:</strong> 10 <strong>CF:</strong> 1.82<br />
<strong>Sub-Category:</strong> AC06<br />
<strong>Origin:</strong> China<br /><div class="floatRight"><a 
class='iframe' href="/_forms/?JOJ4032P"><img 
 src="/_images/btn_questions.jpg" alt="" /></a></div>
</div>

Answer 1

以下似乎有效：

function xpath(selector, root) {
    return document.evaluate(selector, root || document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
}

var node = xpath('//div[@class="prdct3"]/strong[text()="UPC:"]/following-sibling::text()[1]');
console.log(node.textContent);

<div class="prdct3">
<p><strong>Description:</strong></p>

<p><a href="/catalog/?JOJ4026UP=jojoblister-card-2-
colors-asstd">Digital Watch on Blister Card 2 Colors Asstd.</a></p>
<strong>Item Size:</strong> 6.75" x 3.5" x .75"<br />
<strong>Case:</strong> 144 <strong>Inner:</strong> 24<br />
<strong>UPC:</strong> 0305064523219<br />
<strong>WT:</strong> 10 <strong>CF:</strong> 1.82<br />
<strong>Sub-Category:</strong> AC06<br />
<strong>Origin:</strong> China<br /><div class="floatRight"><a 
class='iframe' href="/_forms/?JOJ4032P"><img 
 src="/_images/btn_questions.jpg" alt="" /></a></div>
</div>

我们找到文本为 strong的 UPC:标记，然后采用以下第一个同级文本节点。

following-sibling::是 axis。