Javascript 如何使用jquery编辑表td值

我想编辑td值，我只做了一部分，但工作不正常。请帮助我。以下是我的JSFIDLE代码片段：

注意：不需要contenteditable=“true”选项，因为IE不支持

HTML:

使用

contenteditable=“true”

编辑内容。该属性指定元素的内容是否可编辑

$（函数（）{
$（“#elencoMezzi tr”）。单击（函数（）{
$（this）.find（'td'）.find（'span:eq（1））.css（'display'，'block'）；
$（this）.find（'td'）.find（'span:eq（1）'）.find（'button'）。单击（function（）{
$（此）.text（“已保存”）；
});
}); 
});

字段1
值1.1Save
值1.2保存
值1.3Save
值1.4Save
使用
contenteditable=“true”
编辑内容。该属性指定元素的内容是否可编辑


$（函数（）{
$（“#elencoMezzi tr”）。单击（函数（）{
$（this）.find（'td'）.find（'span:eq（1））.css（'display'，'block'）；
$（this）.find（'td'）.find（'span:eq（1）'）.find（'button'）。单击（function（）{
$（此）.text（“已保存”）；
});
}); 
});

字段1
值1.1Save
值1.2保存
值1.3Save
值1.4Save
编辑选项

通常不用于可编辑字段。它是表中用于输出数据的单元格。您可以添加contenteditable属性，该属性适用于在过去5年中获得最新版本浏览器的任何人，因此大部分互联网用户都可以使用该属性，但绝不是所有用户


也许您需要一个
字段

如果你不是这个意思，我不明白你的问题。考虑重新编写它。
 < p>编辑选项？

通常不用于可编辑字段。它是表中用于输出数据的单元格。您可以添加contenteditable属性，该属性适用于在过去5年中获得最新版本浏览器的任何人，因此大部分互联网用户都可以使用该属性，但绝不是所有用户


也许您需要一个
字段

如果你不是这个意思，我不明白你的问题。考虑重写吧。< /P>你是什么意思编辑？如果你想让用户能够输入文本，你必须添加一个
输入
字段？如果您希望用户能够输入文本，则必须添加一个
输入
字段。Jerodev:Yes..U理解正确请..不要使用contenteditable=“true”选项bcoz IE不会support@snkranya什么不起作用？请你解释一下：）我准备好帮助你。@snkranya我已经编辑了html和js，请也更新你的html。：）正在工作..谢谢..不要使用contenteditable=“true”选项bcoz IE不会support@snkranya什么不起作用？请你解释一下：）我准备好帮助你。@snkranya我已经编辑了html和js，请也更新你的html。：）正在工作..谢谢我不知道如何添加输入字段..请编辑我的jsfiddle我不知道如何添加输入字段..请编辑我的jsfiddle
<table id="elencoMezzi" width="100%">
    <thead>
        <tr><th>Field 1</th></tr>
    </thead>
    <tbody>
        <tr>
            <td><span>Value 1.1</span><span class="floatright closed"><button type="button" value="save" class="saveButton"/>Save</button></span></td> 
        </tr>   
         <tr>
            <td><span>Value 1.2</span><span class="floatright closed"><button type="button" value="save" class="saveButton"/>Save</button></span></td> 
        </tr> 
         <tr>
            <td><span>Value 1.3</span><span class="floatright closed"><button type="button" value="save" class="saveButton"/>Save</button></span></td> 
        </tr> 
         <tr>
            <td><span>Value 1.4</span><span class="floatright closed"><button type="button" value="save" class="saveButton"/>Save</button></span></td> 
        </tr> 
    </tbody>
</table>

$(function(){
    $("#elencoMezzi tr").click(function() {
        $(this).find('td').find('span:eq(1)').css('display','block');
        $(this).find('td').find('span:eq(1)').find('button').click(function() {  
            $(this).text("Saved");

  setTimeout(function(){ 
   $(this).parent('span').css('display','none');

  }, 500);
        });
    });
});