Javascript 将jQuery选择器转换为新DOM元素的HTML

我想实现一个jQuery插件，将选择器转换为HTML。我知道这两个语法之间的映射是多对多的，但是简单的选择器很容易转换成HTML

例如：

$('div#my-id.my-class').create();

可能产生：

<div id="my-id" class="my-class" />

---

我知道这可能不是你想要的。zen编码项目是关于使用类似css的语法来创建dom结构。因此，我认为在那里的源代码会帮助你很多，即使你不是纯粹的css选择器。

div#wrapper>ul#imagesslider>li.image$*3

编译为：

<div id="wrapper">
    <ul id="imageSlider">
        <li class="image1"></li>
        <li class="image2"></li>
        <li class="image3"></li>
    </ul>
</div>

---

快乐源代码阅读

出于某种深不可测的原因，您是否被限制使用CSS选择器？做

var-someHTMLElement=$（'）更实际$（“”，{id:'my id'，class'：'my class'}）

更具语义，并且支持设置属性和其他普通选择器无法实现的方法。其目的是在选择器返回一个没有冗余代码的空集时创建元素<代码>var jqs=$（'div#my id'）；如果（jqs.length==0）jqs=jqs.create（）；var ElementWillwaysBethere=jqs.get（0）据我所知，这是为什么还没有在任何图书馆被引用的原因。你应该知道你是在创建一个元素还是在修改一个现有的元素，你不确定的时间应该很少，只要在选择器上做常规的长度检查并像上面的答案那样创建元素就可以了。如果您必须为此创建自定义插件，我认为您做了一些错误。^结果表明它已经作为库实现，然后检查

foo=$（选择器）

调用的长度，如果其0只调用

$.zc（foo.selector）

<div id="wrapper">
    <ul id="imageSlider">
        <li class="image1"></li>
        <li class="image2"></li>
        <li class="image3"></li>
    </ul>
</div>

<div id="my-id" class="my-class"></div>