我的桌子正在下吸如下
<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>
我的问题是,当我单击一行中的“编辑”按钮时,所有行中的“编辑”按钮都隐藏起来并显示“保存”按钮。我只需要隐藏单击的特定行编辑。我的代码中执行的错误步骤是什么?请有人帮我谢谢。
最佳答案
试试这个。
更改这两行
<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
});
});
如果您遇到任何问题,请告诉我。