jQuery Table Live Edit

Question

我想创建一个表，可以通过点击它来修改它的内容，点击它，出现输入框，如果没有焦点，它会再次返回到文本中（我在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>\";