代码之家  ›  专栏  ›  技术社区  ›  hvgotcodes

jquery,如何定义dom模板并反复使用它

  •  1
  • hvgotcodes  · 技术社区  · 14 年前

    <div>
        <span> v1 </span>
        <span> v2 </span>
        <span> v3 </span>
    </div>
    

    4 回复  |  直到 12 年前
        1
  •  1
  •   user113716    14 年前

    string ,然后在需要新副本时将其放入jQuery对象中。

    一旦它是jQuery对象的一部分,就可以像在DOM中一样遍历它,并更新它的内容。

    像这样: http://jsfiddle.net/bZz96/

    var div_template = "<div><span> v1 </span><span> v2 </span><span> v3 </span></div>";
    
    $(div_template).find('span')
        .text( function(i) { return 'some new value ' + i; } )
        .end().appendTo('body');
    
        2
  •  2
  •   jigfox    14 年前

    你可以这样做:

    $template = $('<div><span>v1</span><span>v2</span><span>v3</span></div>');
    
    $new_dom_element = $template.clone();
    // do your thing with replacing the content.
    
        3
  •  0
  •   Joe Martinez    14 年前
        4
  •  0
  •   skolima    14 年前

    微软正在为模板构建一个JQuery插件(它可能被合并到JQuery中)。

    Microsoft, jQuery, and Templating

    我还在等着看它有没有什么进展,但它似乎很有希望。我刚刚查看了github存储库,它看起来最近有一些更改(在过去几天内),所以它仍在进行中。