jQuery：將輸出的文本換行嗎？

Question

我有一個jQuery腳本，在輸出的文本后插入<input> 。 我的問題是在調用<input>之前如何將輸出的文本包裝在<span> ？

$(".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 + '" />'
});

演示： 小提琴