通过js实现单击或双击直接修改内容

双击一个div或者其他，里面的文字内容变成可编辑状态，然后使用ajax保存数据，使用jquery实现的。

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery(".wordsupdate").dblclick(function () {
            id = jQuery(this).attr('id');
            text = jQuery(this).text();
            if (text) {
                jQuery(this).html("<textarea style='width:200px;height:50px;' name=" + id + " >" + text + "</textarea>");
                jQuery(".wordsupdate > textarea").focus().blur(function () {
                    jQuery.ajax({
                        type: "POST",
                        url: "/Home/Update",
                        data: "ID=" + id + "&Str=" + jQuery("#" + id + " > textarea").val(),
                        success: function (msg) {
                            jQuery("#" + id).html(jQuery("#" + id + " > textarea").val());
                        },
                        error: function (msg) {jQuery("#" + id).text(msg);}
                    });
                })
            }
        })
    })  
</script>