Question

我在尝试使用Kanna提取图片网址时遇到问题。我试图抓住数据高质量的数据＆＃34;从这里：

<div class="cui-content c-bdr-gray-clr ch-bdr-gray-md ">

  <div class="cui-udc-image-container">
    <div class="cui-udc-image-overlay"></div>
        <div class="cui-image-lazy-container cui-image-hover-zoom">
    <img class="cui-svg-placeholder c-bg-gray-bg" type="image/svg+xml" height="250"  width="414" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' height='250' width='414'%2F%3E" alt="image placeholder">

    <img class="cui-image  lazy-wl    progressive-load  "
    src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' height='250' width='414'%2F%3E"
    data-original="//img.grouponcdn.com/deal/2LXY5HUANHJq7xXm3P5gNFJYBRB5/2L-1100x660/v1/c125x75q5.jpg"
    data-high-quality="//img.grouponcdn.com/deal/2LXY5HUANHJq7xXm3P5gNFJYBRB5/2L-1100x660/v1/c414x250q85.jpg"
    data-high-quality-2x="//img.grouponcdn.com/deal/2LXY5HUANHJq7xXm3P5gNFJYBRB5/2L-1100x660/v1/c414x250q85.jpg"
    alt="image for Up to 36% Off Las Vegas Margarita Mojito Festival">
  </div>

我只能从第一个＆＃34; img＆＃34;中获取信息。元素，但我需要的信息包含在第二个。我的代码如下所示：

func parseHtml(html: String) {
    var tempArray = [String]()

    if let doc = Kanna.HTML(html:html, encoding: String.Encoding.utf8) {

        for name in doc.css("div[class^='cui-image-lazy-container cui-image-hover-zoom']"){
            let imageUrl = (name.at_xpath("img")?["data-high-quality"])
            tempArray.append(imageUrl!)
        }
    }

任何建议都将不胜感激！

Answer 1

我想出了怎么做。我应该通过它的类获取实际的“img”节点，然后单独选择我正在寻找的HTML标签的哪个部分：

for name in doc.css("img[class='cui-image  lazy-wl    progressive-load  ']"){

            tempArray.append(name["data-high-quality"]!)
        }

希望能帮助遇到同样问题的任何人。

使用Kanna解析HTML

1 个答案: