在jquery内联编辑中获取更新值？_Jquery

在jquery内联编辑中获取更新值？

jquery

在jquery内联编辑中获取更新值？,jquery,Jquery,我无法在以下代码中获取文本框的更新值 <html> <head> <script src='jquery.js'></script> <script type='text/javascript'> $(document).ready(function(){ $("#edit").click(function(){

我无法在以下代码中获取文本框的更新值

<html>
    <head>
        <script src='jquery.js'></script>
        <script type='text/javascript'>
            $(document).ready(function(){
                $("#edit").click(function(){
                    if($(this).html() == "Edit"){
                        $(this).html("Update");
                        var my_val = $(this).parents().find("#name").html();
                        var new_html = "<input type='text' value='" + my_val + "' />";
                        $(this).parents().find("#name").html(new_html);
                        return false;
                    }else{
                        if($(this).html() == "Update"){
                            var txt_box = $(this).parents().find("#name").html();
                            alert($(txt_box).val());
                        }
                    }
                });

            });
        </script>
    </head>
    <body>
        <table id='test_table'>
            <tr>
                <td id='name'>My Name</td>
                <td><a href='#' id='edit'>Edit</a></td>
            </tr>
        </table>
    </body>
</html>

删除此行中的.html：

var txt_box = $(this).parents().find("#name").html();

和警报中的$wrapper。所以你有：

var txt_box = $(this).parents().find("#name");
alert(txt_box.val());

改变

   var txt_box = $(this).parents().find("#name").html();

到

这是因为第一个总是会导致：

<input type="text" value="My Name">

也许使用jquery插件会更好、更简单，比如see demo

<input type="text" value="My Name">