Javascript 在JQuery中将输入字段放置在正确位置的问题

当我双击卡片时，弹出对话框，然后可以创建评论。到现在为止，一直都还不错。创建注释时，可以对其进行编辑

问题是当我编辑文本时，我编辑文本的输入字段被放置在错误的位置。并涵盖“编辑/删除”段落。我希望在文本位置按编辑键时放置输入字段

JQuery：“单击”处理程序

$（'divComments'）。on（'click'，'edit'，函数（）{
var元素=$（this.parent（））
var text=$（this.parents（.CommentStyle”）.find（“label”）.text（）；
变量输入=$（''）
element.children（'label，p'）.addClass（'hidden'）.end（）.append（input）；
input.select（）；
input.blur（函数（）{
var text=$（'#属性'）.val（）；
元素。子元素（“标签”）。文本（文本）；
元素。子元素（'.hidden'）。removeClass（'hidden'）；
$（'#属性'）。删除（）；
元素.children（'label'）.change（）；
});
}); 

JQuery:添加注释函数

function addComment(commentString) {

        var container = $('#divComments');
        var inputs = container.find('label');
        var id = inputs.length + 1;
        var data1 = {            
            commentString: commentString
        };

        var div = $('<div />', { class: 'CommentStyle' });

        $('<label />', {
            id: 'comment' + id,
            text: commentString
        }).on('change', function () {            
            data1.commentString = $(this).text();
        }).appendTo(div);      

        $('<br/>').appendTo(div);

        var $Image = $('<img />',
            {
                "src": "/Pages/Images/alert.png",
                "class": "CommentImage",
                "for": "comment" + id
            }).appendTo(container);

        var d = new Date();
        var $fulaDate = $('<div>' + d.getDate()
            + "-" + monthNames[d.getMonth()]
            + "-" + d.getFullYear()
            + "//" + d.getHours()
            + ":" + d.getMinutes()
            + '</div>').addClass('labelStyle').append(' ~').appendTo(div);

        var $edit = $('<p />', {
            class: 'edit',
            text: 'Edit'
        }).append(' ~').appendTo(div);

        var $delete = $('<p />', {
            class: 'delete',
            text: 'Delete'
        }).appendTo(div);        

        div.appendTo(container).focus();

        container.data('comments').push(data1);

    }

函数addComment（commentString）{
var容器=$（“#divComments”）；
var输入=container.find（'label'）；
变量id=输入。长度+1；
var data1={
commentString:commentString
};
var div=$（''，{class:'CommentStyle'}）；
$('', {
id:'注释'+id，
文本：注释字符串
}).on（'change'，函数（）{
data1.commentString=$（this.text（）；
}).附件（分部）；
$（'
'）。附录（div）；
变量$Image=$（''+d.getDate（）
+“-”+monthNames[d.getMonth（）]
+“-”+d.getFullYear（）
+“//”+d.getHours（）
+“：”+d.getMinutes（）
+''）.addClass（'labelStyle'）.append（'~'）.appendTo（div）；
var$edit=$（“
”{
类：“编辑”，
文本：“编辑”
}).append（“~”）.appendTo（div）；
var$delete=$（“
”{
类：“删除”，
文本：“删除”
}).附件（分部）；
div.appendTo（container.focus（）；
container.data（'comments'）.push（data1）；
}

不应将输入字段作为最后一个元素追加，而应将其插入标签所在的位置

$('#divComments').on('click', '.edit', function () {
    var element = $(this).parent()
    var label = $(this).parents(".CommentStyle").find("label");
    var text = label.text()
    var input = $('<input id="attribute" value="' + text + '" />')
    element.children('label,p').addClass('hidden')
    label.after(input)
    input.select();

    input.blur(function () {
        var text = $('#attribute').val();
        element.children('label').text(text);
        element.children('.hidden').removeClass('hidden');
        $('#attribute').remove();
        element.children('label').change();
    });
});

---

不应将输入字段作为最后一个元素追加，而应将其插入标签所在的位置

$('#divComments').on('click', '.edit', function () {
    var element = $(this).parent()
    var label = $(this).parents(".CommentStyle").find("label");
    var text = label.text()
    var input = $('<input id="attribute" value="' + text + '" />')
    element.children('label,p').addClass('hidden')
    label.after(input)
    input.select();

    input.blur(function () {
        var text = $('#attribute').val();
        element.children('label').text(text);
        element.children('.hidden').removeClass('hidden');
        $('#attribute').remove();
        element.children('label').change();
    });
});

---

只需修改以下行

element.children('label,p').addClass('hidden').end().append(input); 

到

---

只需修改以下行

element.children('label,p').addClass('hidden').end().append(input); 

到

---

如何隐藏日期？我尝试了以下代码：element.find（$fulaDate）.addClass（'hidden'）.end（）.append（input）；但似乎不起作用。

element.children（'label，p，'labelStyle'）.addClass（'hidden'）.end（）.prepend（输入）如何隐藏日期？我尝试了以下代码：element.find（$fulaDate）.addClass（'hidden'）.end（）.append（input）；但似乎不起作用。
element.children（'label，p，'labelStyle'）.addClass（'hidden'）.end（）.prepend（输入）
element.children('label,p').addClass('hidden').end().prepend(input);