javascript - JavaScript 是否有现有的 CSS3 选择器解析器？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为它们往往会吸引固执己见的答案和垃圾邮件。相反，describe the problem以及迄今为止已采取哪些措施来解决该问题。

已关闭 9 年前。

Improve this question

任何人都知道将解析 CSS3 选择器的代码片段，如下所示:

"form#network_template[method='put'][action='#form_{keyname}']"

对此:

{
  tag: "form",
  id: "network_template",
  method: "put",
  action: "#form_{keyname}"
}

或者这个:

<form id="network_template" method="put" action="#form_{keyname}">

Answer 1

假设您想在标题中请求 CSS3 选择器解析器，Slick ，在 Mootools 中使用，可以完成这项工作；来自 github 页面:

Slick.parse("h1, h2, ul > li, .things")

{
"raw": "h1, h2, ul > li, .things",
"expressions": [
    [{ "combinator":" ", "tag": "h1" }],
    [{ "combinator":" ", "tag": "h2" }],
    [{ "combinator":" ", "tag": "ul" }, { "combinator": ">", "tag": "li" }],
    [{ "combinator":" ", "tag": "*", "classList": ["things"], "classes": [{"value": "things", "regexp":RegExp }] }]
]
}

Mootools 还可以直接从选择器创建具有适当属性的元素。