XPath從IMG標籤解析「SRC」？

Question

現在我成功地抓住了完整的元素從HTML頁本：

//img[@class='photo-large'] 

例如，它會返回此：

<img src="http://example.com/img.jpg" class='photo-large' /> 

但我只需要SRC URL（http://example.com/img.jpg）。任何幫助？

Answer 1

你很親近回答​​這個問題，我有點不願意爲你回答。但是，以下XPath應該提供你想要的（當然，提供源代碼是XHTML）。

//img[@class='photo-large']/@src 

有關更多提示，請查看W3 Schools。他們對這樣的事情有很好的教程，也是很好的參考。

Answer 2

使用角度來說，Hpricot這個工程：

doc.at('//img[@class="photo-large"]')['src'] 

在你有一個以上的圖像的情況下，下面給出一個數組：

doc.search('//img[@class="photo-large"]').map do |e| e['src'] end 

然而，引入nokogiri是many times faster，它「can be used as a drop in replacement」爲Hpricot。
這裏的版本引入nokogiri，在這個XPath選擇屬性的工作原理：

doc.at('//img[@class="photo-large"]/@src').to_s 

或多幅圖像：

doc.search('//img[@class="photo-large"]/@src').to_a 

Answer 3

// IMG/@ SRC

你可以去有了這個如果你想要一個圖像的鏈接。

例如：

<img alt="" class="avatar width-full rounded-2" height="230" src="https://avatars3.githubusercontent.com/...;s=460" width="230">