2

そのような要素を内部に含む HTML テーブルがあります。

<table width='700px' id="employeetable" class="tablesorter" style='table-layout:fixed;'>
<thead>
    <tr>
        <th>Select to Edit</th>
        <th>Group Id</th>
        <th>User Id</th>
        <th>Object</th>
        <th>Read</th>
        <th>Update</th>
        <th>Insert</th>
        <th>Delete</th>
    </tr>
</thead>
<tbody>
    {foreach from=$privileges item=privilegesItem name=foo}
    <tr>
        <td align="center"><input id='{$smarty.foreach.foo.iteration}' type="radio" name="SelcetedObject" value= "{$privilegesItem['Object']}"/> </td>
        <td align="center">{$privilegesItem['group_id']}</td>
        <td align="center">{$privilegesItem['user_id']}</td>
        <td align="center">{$privilegesItem['Object']}</td>
        <td id='read_{$smarty.foreach.foo.iteration}'   align="center">{$privilegesItem['Read']}  </td>
        <td id='update_{$smarty.foreach.foo.iteration}' align="center">{$privilegesItem['Update']}</td>
        <td id='insert_{$smarty.foreach.foo.iteration}' align="center">{$privilegesItem['Insert']}</td>
        <td id='delete_{$smarty.foreach.foo.iteration}' align="center">{$privilegesItem['Delete']}</td>
    </tr>
    {/foreach}
</tbody>

で要素を削除できるようになりました

$("input[type='radio']:checked").each(function () {
        var id = this.id;
        var id_read = '#read_'+id;

        $(id_read).remove();

しかし、テーブルから要素を編集し、削除したくありません。編集:たとえば、読み取り項目の値が 10 の場合、それを 2 に変更するか、単純な値の代わりにチェックボックスに置き換えたいと思います。

どうすればそれができますか？.add ?

4

2 に答える 2

1

If you want to change the text inside td element you can just do

$(id_read).text("Permitted") //Forbidden
$(id_read).css() //change its style

I could be of better help if you explain what you mean by "Edit"

于 2012-06-14T12:22:44.493 に答える
0

編集可能なテーブルは、あなたの言いたいことのように聞こえます。以下は、データを編集する入力に置き換えてから、もう一度元に戻します。

$(document).ready(function() {
    $(".tablesorter td").not(':first').on('click',null,function() {
       var data = $(this).html();
        if(!($(this).children('input').length > 0)) {
            $(this).html("<input type='text' id='focus' value='"+data+"' />").children().focus();
        }
    });

    $(".tablesorter td").on('blur','#focus',function() {
       $(this).parent().html($(this).val());
    });
});​

フィドル

于 2012-06-14T13:02:07.393 に答える