javascript - jQuery：将输出的文本包装在跨度中？

Question

<input>我有一个 jQuery 脚本，它在输出文本之后插入一个。我的问题是如何在调用<span>之前将输出的文本包装在 a<input>中？

$(".todo-deadline").each(function() {
    $(this).html($(this).text() + "<input readonly='readonly' class='hasDatepicke2' type='text' value='"+$(this).text()+"' />");
});

Answer 1

尝试

$(".todo-deadline").each(function() {
    var $this = $(this), text = $this.text();
    $this.empty().append($('<span />', {
        text: text
    })).append('<input readonly="readonly" class="hasDatepicke2" type="text" value="' + text + '" />')
});

演示：小提琴

或者

$(".todo-deadline").html(function(idx, html) {
    return '<span>' + html + '</span>' + '<input readonly="readonly" class="hasDatepicke2" type="text" value="' + html + '" />'
});

演示：小提琴