javascript - jQuery:出力されたテキストをスパンでラップしますか?

Question

<input>出力されたテキストの後に挿入するjQueryスクリプトがあります。私の質問は、が呼び出される<span>前に、出力されたテキストを でラップするにはどうすればよいですか?<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 + '" />'
});

デモ:フィドル