仅查找结果后面的链接

Posted 2021-04-18

引用this page，我试图得到所有n Markets >链接，但只有那些后面的赔率。您可能需要滚动浏览几页以查看网站上的示例，或者下面发布了截图。

从截图中，我想要的链接（以绿色圈出）后面跟着赔率（用红色圈出）。我不希望链接（标有红色X）后面没有赔率（用黄色圈出）。

如果.purple-arrow存在于旁边，是否有可能获得所有.bettype:nth-child(1) .bet-party元素？

应该是足够简单的跟随和前面但这不是给予期望。

//*[contains(@href,'/sports-betting/soccer/')]/ancestor::*[contains(@class,'bet-party')]/preceding-sibling::span['other-matches']//*[contains(@href, '/sports-betting/soccer/')]

答案

你可以用XPath做到这一点。

//div[@class='container-fluid'][not(.//div[contains(@class,'no-outcomes')])]//a[@class='purple-arrow']

打破它

//div[@class='container-fluid']

找一个包含“容器流体”类的DIV。这些是包含每个匹配的整行html的顶级容器。

[not(.//div[contains(@class,'no-outcomes')])]

它必须没有包含“无结果”类的后代DIV。如果DIV有这个类，那行没有发布赔率，所以我们不想要这些。

//a[@class='purple-arrow']

最后......返回类“紫色箭头”的链接。

您可以使用$x()在Chrome开发工具中对此进行测试。