时间戳

首页 > 解决方案 > 抓取嵌套跨度 Nokogiri

ruby - 抓取嵌套跨度 Nokogiri

问题描述

我正在尝试抓取我最喜欢的食物的详细信息，我能够获得名称和价格，但事实证明，描述是一个挑战，因为文本嵌套在 span 中。我已经尝试过这种组合，但似乎没有给我描述。

任何帮助将不胜感激：

menu = doc.css('.menu-index-page__item-content').map do |menu|

  meal_name                   = menu.at_css('.menu-index-page__item-title span[1]').text.strip
  meal_price                  = menu.at_css('.menu-index-page__item-price').text.strip
  meal_des                  = menu.css('p.menu-index-page__item-desc span[3]').text.strip.to_s

Event1.new meal_name,meal_price,meal_des end pp menu

返回

#<struct Event1
  meal_name="chicken Burger",
  meal_price="£3.95",
  meal_des="">,

我试图抓取的 HTML 如下：

<div class="menu-index-page__item-content" data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent">

<h6 class="menu-index-page__item-title" data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.0"><span data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.0.1">Chicken Burger</span></h6>
<p class="menu-index-page__item-desc" data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.1"><span data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.1.0">
<span data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.1.0"><span data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.1.0.0"><span data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.1.0.0.0:$0">Chargrilled chicken thigh with</span>
<br data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.1.0.0.0:$0br"><span data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.1.0.0.$1">fresh herb olive oil mayonnaise.</span></span>
<span style="position:fixed;visibility:hidden;top:0;left:0;" data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.1.0.2">…&lt;/span></span></p>
<span class="menu-index-page__item-price" data-reactid=".1446l8bfnk0.3.5.0.4:$648324.2.$4885079.$menuItemContent.2">£3.55</span>

我想用新鲜的香草橄榄油蛋黄酱烤鸡腿。

作为描述，我不确定为什么 span[3] 没有给我任何结果。

标签： rubyweb-scrapingnokogiri

解决方案

这对我有用：

# ...
menu = doc.css('.menu-index-page__item-content')
menu.map { |m| m.css('span')[2].text  }
# => ["Chargrilled chicken thigh with\nfresh herb olive oil mayonnaise.\n…"]

推荐阅读