如何选择一个类型的第一个节点，在下一个兄弟姐妹机械化？ （红宝石）

Question

<div></div>
<p>foo</p>
<ul><li>bar</li></ul>
<ul><li>baz</li></ul>

如何只选择第一个ul？ （使用像page = Mechanize.new.get(url)这样的Mechanize

如果我尝试：

page.at('div').at('+ ul li').inner_html，它是nil，因为<ul>不是即时兄弟

page.at('div').search('~ ul').first.at('li').inner_html没关系，但~ ul将获得所有下一个<ul>，这是一个失去的时间，因为我只需要第一个，而且可能有很多<ul> ..

那么还有另一种选择吗？

Answer 1

如果您通过DOM进行定位，则可以使用:first-of-type伪选择器，如下所示：

page.at('div').search('~ ul:first-of-type').first.at('li').inner_html

或

page.at('div').at('ul:first-of-type li').inner_html