1

我的表如下

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

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

4

1 回答 1

2

试试这个。

改变这两行

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

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

于 2013-08-03T05:25:49.850 回答