Question

源代码=＆gt; https://jsfiddle.net/z0njghgt/

我有多行评论。我在另一行上显示每条评论。当我单击编辑按钮时，我在div中添加var array = [{ id: "1", Name: "Tom" }, { id: "2", Name: "Jon" }, { id: "3", Name: "Tom" }, { id: "4", Name: "Jack" }] function uniqueNames(array) { var newArray = []; array.forEach((value, key) => { newArray.push(value.Name) }); return newArray } var myNewArray = uniqueNames(array)并将此textarea值设置为div值。 之后我改变了＆＃34;编辑＆＃34;按钮到＆＃34;取消＆＃34;按钮。

如果用户在此textarea上写了一些内容并点击＆＃34;取消＆＃34;按钮我想将此textarea恢复到第一步。但每一行都是相同的价值。

我将源代码添加到jsfiddle。您可以在此链接上看到我的错误。

textarea

Answer 1

$('.message').each(function(){
            var _this = this;
            var edit = $(_this).find('#edit');
            var comment = $(_this).find('.comment');
            var text;

            edit.click(function(){
                if($(this).hasClass('edit')) {
                    text = comment.html();
                    comment.html("<div><textarea class='commentval' style='width: 458px;'>"+text+"</textarea><button class='save'>save</button></div>");
                    $(this).addClass('cancel').removeClass('edit');
                    $(this).text('Cancel');
                } else {
                    $(this).text('Edit');
                    $(this).addClass('edit').removeClass('cancel');
                    comment.html(text);
                }

            });
        });

当点击取消按钮我想恢复textarea到第一步（Jquery）

1 个答案: