將jQuery選擇器轉換為HTML以獲取新的DOM元素

Question

我想實現一個將選擇器轉換為HTML的jQuery插件。 我知道這兩種語法之間的映射是多對多的，但簡單的選擇器很容易轉換為HTML。

例：

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

可能會產生：

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

編輯 ：目的是在選擇器返回空集時創建一個元素，而不必添加冗余代碼。

var jqs = $('div#my-id');
if(jqs.length===0) jqs = jqs.create();
var elementWillAlwaysBeThere = jqs.get(0);

Answer 1

我知道這可能不是你想要的。 項目zen編碼是關於使用類似CSS的語法來創建dom結構。 所以我認為在那里徘徊會幫助你很多，即使你不是純粹的CSS選擇。 div#wrapper>ul#imageSlider>li.image$*3編譯為：

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

所以，如果您在哪里使用jQuery端口，您可以再次使用$.zc("div#my-id.my-class")這樣的示例

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

快樂的源閱讀