如何一次编辑表格值单行

Question

我的桌子正在下吸如下

<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> 

而脚本正在使用的是

$(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>

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

Answer 1

试试这个。

更改这两行

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

同

<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; ?>"/>

现在更改您的javascript函数，例如

 $(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
    });
});

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