我正在尝试开发与Selenium一起使用的CSS选择器。特别是我想使用伪类:contains()。虽然W3有一个CSS3草案,其中包含:contains(),但最终版本似乎没有包含它。
我正在使用Chrome的工具来帮助我检查我的CSS选择器,并确保我做得对。 Chrome似乎没有实现:contains(),这是可以理解的。
是否有一个我可以使用的工具可以让我尝试在我们的网页上使用:contains()的选择器?
我正在使用带狮子的Mac。我也可能仅限于使用Firefox 3.5.7(我被告知现在不推迟更新)。
答案 0 :(得分:8)
jQuery的选择器引擎也实现了:contains()
伪类。 It is to my knowledge jQuery和Selenium以同样的方式实现它。
我不确定你如何能够在不使用jQuery的网站上测试它,但在网站上,只需启动浏览器的JavaScript控制台,然后运行jQuery选择器控制台。
以下是在Chrome的JavaScript控制台上查看此Stack Overflow问题的示例(根据您是否登录,可能会得到不同的结果):
> $("#mainbar div[id]:contains('selector')").get() /* DOM objects with .get() */
[<div class="question" id="question">…</div>, <div id="answers">…</div>, <div id="answer-9007154" class="answer">…</div>, <div id="answer-9008184" class="answer">…</div>]
答案 1 :(得分:1)
我没有在任何地方看到:contains()选择器而且从未遇到过它。