javascript - 将输入更改为 div，反之亦然

Question

我有一些代码可以更改 div 的输入

$(document).ready(function(){
    $('#btnChange').click(function(){
        $('#products, #mrp, #discount').replaceWith(function(){
                return '<div id="'+this.id+'">'+this.value+"</div>";
        });
    });
});

我想要的是在第二次单击按钮时将它们从 div 更改回具有相同 id 和相同值的输入。或者你可以说撤消我第一次点击时所做的事情。

Answer 1

尝试

$(document).ready(function () {
    $('#btnChange').click(function () {
        $('#products, #mrp, #discount').replaceWith(function () {
            if ($(this).is('input')) {
                return $('<div />', {
                    id: this.id,
                    //use text to prevent html injection
                    text: this.value
                });
            } else {
                return $('<input />', {
                    id: this.id,
                    value: this.innerHTML
                });
            }
        });
    });
});

演示:Fiddle