Javascript 按选择器创建标记（需要库）_Javascript_Html_Css

Javascript 按选择器创建标记（需要库）

javascript html css

Javascript 按选择器创建标记（需要库）,javascript,html,css,Javascript,Html,Css,我有一些选择器： .div1 .div1>div .div1>div:n个孩子（3） .div2>div:n个孩子（3）以及以下html： <html> <body> <div class="div1"> <div></div> <div></div> </div> </body> </html> （jQuery风格并不重

我有一些选择器：

```
.div1
```
```
.div1>div
```
```
.div1>div:n个孩子（3）
```
```
.div2>div:n个孩子（3）
```

以及以下html：

<html>
  <body>
    <div class="div1">
      <div></div>
      <div></div>
    </div>
  </body>
</html>

（jQuery风格并不重要）问题在于，类似于

.div2>div:nth child（3）

这样的选择器在基于选择器创建HTML方面是不明确的。生成器不知道第二个

的第一个和第二个子级应该是什么类型。虽然您在示例中使用了

s，但没有规则允许这种情况发生。@Matt，例如ZenCoding默认创建

div

。有类似ZenCoding的东西吗？在这种情况下，为什么不能使用ZenCoding呢？首先，我没有看到Zen的js库（只有CodeMirror插件）。此外，Zen在不检查节点是否存在的情况下创建节点；只需使用您喜欢的模块加载库包含

/lib/emmet.js

，这就是您需要的函数。诚然，您必须绕过节点检查功能。

<html>
  <body>
    <div class="div1">
      <div></div>
      <div></div>
    </div>
    <div class="div2">
      <div></div>
      <div></div>
      <div></div>
      <div></div><!--return this element-->
    </div>
  </body>
</html>