使用XPath獲取HTML元素的文本內容？

Question

見這個網站

<div> 
    <p> 
    <span class="abc">Monitor</span> <b>$300</b> 
    </p> 
    <a href="/add">Add to cart</a> 
</div> 
<div> 
    <p> 
    <span class="abc">Keyboard</span> $20 
    </p> 
    <a href="/add">Add to cart</a> 
</div> 

使用XPath我想分析Monitor $300和Keyboard $20。我用這個xpath

//div[a[contains(., "Add to cart")]]/p/text() 

但它選擇<span class="abc">Monitor</span> <b>$300</b>。我不想要標籤。我如何獲得文本？

Answer 1

您想選擇所有後代文本，不只是孩子的文字：

//div[a[contains(., "Add to cart")]]/p//text() 

注p和text()之間存在的雙斜線。

雖然這可能也會包含大量的內部標記空白，但您需要清理它。使用示例lxml：

>>> import lxml.etree as ET 
>>> tree = ET.fromstring('''<div> 
... <div> 
...  <p> 
...  <span class="abc">Monitor</span> <b>$300</b> 
...  </p> 
...  <a href="/add">Add to cart</a> 
... </div> 
... <div> 
...  <p> 
...  <span class="abc">Keyboard</span> $20 
...  </p> 
...  <a href="/add">Add to cart</a> 
... </div> 
... </div>''') 
>>> tree.xpath('//div[a[contains(., "Add to cart")]]/p//text()') 
['\n ', 'Monitor', ' ', '$300', '\n ', '\n ', 'Keyboard', ' $20 \n '] 
>>> res = _ 
>>> [txt for txt in (txt.strip() for txt in res) if txt] 
['Monitor', '$300', 'Keyboard', '$20']