Wie bekomme ich die Img src mit Nokogiri und at_css

Question

Ich versuche, die src Wert eines Blocks von HTML zu bekommen. Ich versuche speziell, dies unter Verwendung der at_css und nicht mit XPath zu erreichen.

Bis jetzt alles, was ich bekomme, ist entweder Null oder eine leere Zeichenfolge.

Dies ist der HTML:

<div class="" id="imageProductContainer"> 
    <a id="idLinkProductMainImage" href='URL'> 
    <img id="productMainImage" src="SRC.jpg" alt="alt" title="A Title" align="left" class="product_image_productpage_main selectorgadget_selected"> 
    </a> 
</div> 

Der Code, den ich habe, ist:

item = page.doc.at_css("#productMainImage img").text.strip unless page.doc.at_css("#productMainImage img").nil? 

puts item #prints blank 
item = item["src"] 
puts item #prints blank 

Wo page.doc das Element Nokogiri HTML ist.

Answer 1

Wenn Sie das src Attribut benötigen, können Sie es wie folgt tun:

pace.doc.at_css('#idLinkProductMainImage img').attr('src') 

Ich glaube auch, das Problem ist die Art und Weise ist, Sie werden immer die img-Tag. Sie versuchen, alle img Tags innerhalb #productMainImage zu bekommen, aber dieses id ist das Bild selbst, also wird es nichts finden.

Wenn Sie die Link-ID #idLinkProductMainImage verwenden, haben Sie ein img-Tag, um darin zu suchen.