javascript - jQuery 选择器到 JSON 对象表示

Question

我有兴趣获取 jQuery 选择器字符串(您放入 $() 中的内容)并从中生成字符串中指定的所有元素的 JSON 对象。 我对从 DOM 中进行选择不感兴趣。

这种事情必须在 jQuery 的幕后发生，我可以使用公共(public)函数来实现这一点吗？有没有提供此功能的开源库？

给定以下输入字符串:

• 输入[class=wood][name=cedar]
• 输入[class='wood'][name='cedar']
• 输入[class="wood"][name="cedar"]

我想返回以下输出:

{
  [
    elementType: 'input',
    attributes: [
      class: 'wood',
      name: 'cedar'
    ]
  ]
}

并给出以下字符串:

• 输入，div
• 输入，div

我想要:

{
  [
    elementType: 'input'
  ],
  [
    elementType: 'div'
  ]
}

如果我必须自己编写它，那么这是一个相当复杂的正则表达式，我宁愿不必重新发明轮子:)

Answer 1

当然，可以做到:

var query = $("input, div")
var selector = [];

query.selector.split(',').forEach(function(element){
 selector.push({"element": element})
});

console.log(selector)

会给你:

[
  {
    elementType: 'input'
  },
  {
    elementType: 'div'
  }
]

这是一个工作 example

工作原理:

您可以检查任何 jQuery 选择器对象，您会发现一个名为 selector 的属性。这是查询的字符串表示形式。只需为您需要的 JSON 结构提供正确的解析器，就完成了。