问题 nokogiri多个css课程

如何选择一个有两个类的html元素？

例如，如何选择元素 <p> 下面是一个HTML文档（假设它有两个css类） class='class1 class2'。

我试着使用以下内容：

doc.xpath("//p[@class~='class1 class2']")
doc.xpath("//p[@class~='class1']|[@class~='class2']")
doc.xpath("//p[@class~='class1',@class~='class2']")
doc.xpath("//p[contains(concat(' ', @class, ' '), ' class1 ') && contains(concat(' ',@class, ' '), ' class2 ')]")

但没有成功。

提前致谢

10566

2017-11-19 06:37

起源

尝试 //p[@class~='class1'][@class~='class2']，也许。 - jtbandes

答案:

最后，我找到了使用nokogiri（libxml）搜索多个css类的正确方法：

doc.xpath('//p[contains(@class, "class1") and contains(@class, "class2")]')

它并不完美，因为如果 <p> 包含诸如的类 class10 和 class20 元素将被选中，但是现在它足以满足我的需要。如果您有更多建议，欢迎他们！

更新

以下是仅使用css解决此问题的更好方法：

doc.css('p.class1.class2')

感谢Aaron Patterson :-)

16

2017-11-19 18:15

对于其他人来说，当一个类只有数字（.2011）时，.css选择器不起作用。解析为css时，.2011是一个有效的类，你只需要这样做。\ 32 011 {}定义样式时。 - Abe Petrillo

热门问题

不使用eval / new函数的JavaScript模板库当涉及内部类时，Java继承如何工作 .NET Windows服务的奇怪问题在.ipa或.app下查找App ID 快速入门XSLT参考[关闭] 如何找出Android应用程序中未使用的资源 Ruby中并发的同步方法[重复] 将std :: chrono :: system_clock :: time_point转换为struct timeval并返回 Google Drive API V3（javascript）更新文件内容 Bootstrap 3.0 - 将元素推到底部受密码保护的.NET ClickOnce部署？如何用postgresql安装wordpress coq Set或Type如何成为命题硒滚动元素进入（中心）视图在Spring Transaction JUnit测试中自动装配Hibernate会话的正确方法 Git的Dockerfile策略如何在FOS_PICKFOLDER中使用IFileDialog，同时仍在对话框中显示文件名在Firefox扩展中复制Google Chrome浏览器操作弹出效果 CakePHP找到MAX 芹菜 - 完成任务的召唤功能从使用fmemopen创建的流中读取宽字符 .NET是否为每个程序集创建一个字符串实习池？ DefaultModelBinder不绑定嵌套模型 Navigator.MediaDevices.getUserMedia（）使用了哪些相机通信标准？选择命名空间名称时应该知道什么？ cout Swagger Codegen CLI Java客户端 - 如何正确使用它一个很好的哈希函数用于采访整数，字符串？ Maven 3 ciManagement配置的目的是什么？如何通过语言文化获取代码页？