Javascript 如何一次编辑一行表值

我的桌子如下

<tbody>
<?php foreach($result as $r): ?>
$id=<?php echo $r->content_id; ?>;
<tr id="<?php echo $r->content_id; ?>" class="editable"  >
<td><?php echo $r->content_s_no; ?>  </td>
<td><?php echo $r->content; ?>  </td>
<td><input type="button" value="edit" id='$id' class="edit"/>
<input type="button" value="save" class="save"/>
</td>
</tr>
<?php endforeach; ?>
</tbody> 

$id=；

我使用的脚本是

$(document).ready(function(){
$(".edit").click(function()
{
var ID=$(this).attr('content_id');
alert (ID);
tinymce.init({
    selector: "tr.editable",
    inline: true,
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
 $(".save").show();
    $(".edit").hide();
});
});

$(document).ready(function() {
    $(".save").hide();
    $(".edit").show();

});
</script>

$（文档）.ready（函数（）{
$（“.edit”）。单击（函数（）
{
var ID=$（this.attr（'content_ID'）；
警报（ID）；
tinymce.init({
选择器：“tr.editable”，
是的，
插件：[
“advlist autolink列出链接图像charmap打印预览锚”，
“searchreplace visualblocks代码全屏显示”，
“insertdatetime媒体表上下文菜单粘贴”
],
工具栏：“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”
});
$（“.save”）.show（）；
$（“.edit”）.hide（）；
});
});
$（文档）.ready（函数（）{
$（“.save”）.hide（）；
$（“.edit”）.show（）；
});

我的问题是当我单击一行中的编辑按钮时，所有行中的编辑按钮都隐藏并显示保存按钮。我只需要隐藏正在单击的特定行编辑。我在代码中所做的错误步骤是什么。请有人帮帮我，谢谢。

试试这个

换两行

<input type="button" value="edit" id='$id' class="edit"/>
<input type="button" value="save" class="save"/>

---

如果您遇到任何问题，请告诉我。

同样的问题。单击一行上的“编辑”按钮，它将显示所有行中的“编辑”按钮和“保存”按钮。是的，此代码意味着，如果您单击某个特定的编辑按钮，则该编辑按钮将隐藏，其他按钮将显示。请让我知道您现在想要什么？hai aritra您所说的正是我所需要的。但现在我面对的是编辑按钮在点击后并没有隐藏。还有一件事是，当单击一个编辑按钮时，特定的按钮必须隐藏并显示保存按钮，但对我来说，每个隐藏和保存按钮都会显示出来。

<input type="button" value="edit" id='edit_<?php echo $r->content_id; ?>' class="edit"/>
<input type="button" value="save" class="save" id="save_<?php echo $r->content_id; ?>"/>

 $(document).ready(function(){
        $(".edit").click(function()
        {
            var ID=$(this).attr('content_id');
            alert (ID);
        tinymce.init({
            selector: "tr.editable",
            inline: true,
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft    aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
    });
     $("#save_"+ID).show();    //changed line
     $("#edit_"+ID).hide();    //changed line
    });
});