如何使用下划线模板渲染 jQuery 对象

Question

我想知道如何使用 _.template 渲染 jQuery 对象。

$(function(){
    var $el = $('p');
    $el.html('Hello');

    var context = {
        'elem' : $el
    }

    var tmpl = $('#tmpl').html();
    var result = _.template(tmpl)(context);

    $('div').html(result);
});

http://jsfiddle.net/bDVeV/

这将返回 [object Object]。我读到要获取外部 html，您可以执行 $el[0].outerHTML 但随后我似乎丢失了点击事件。

Answer 1

$el 是一个对象，而不是字符串，因此您必须将数据转换为 json 格式。
这将起作用：

var context = {
        'elem' : $el.html()
    }

并且不要忘记在 p 标签插入到 DOM 后绑定点击事件