jQuery表实时编辑[重复]

Question

我想创建一个表格，通过点击它，出现输入框，可以通过 jquery 修改它的内容，如果它失去焦点，它会再次回到文本中（我在 span 元素中做了）

$arr = array("fname", "lname", "company", "jobtitle", "category", "email", "phonenumber", "mobilenumber", "remarks");
            foreach ($arr as &$value) {
                    echo "
                    $('.$value').click(function() {
                        $(this).replaceWith(function() {
                                return \"<span class='{$value}3'><input class='{$value}2' style = 'width:100%' name= '$value' value=\"+ \"'\"+$(this).text() + \"'\"+ \"/></span>\";        
                        });
                    });
                    ";

                    echo "
                        $('.{$value}2').blur(function() {
                            $('.{$value}3').replaceWith(function() {
                                    return \"<span class='$value'>$value</span>\";
                            });
                        });
                    ";
        }
        ?>

Answer 1

尝试替换您所拥有的行。它驱动着我。

return \"<span class='{$value}3'><input class='{$value}2' style = 'width:100%' name= '$value' value='\"+ $(this).text() + \"' /></span>\";