1

play 1.2.5 を使用しており、このコードでテーブルを作成しています

    <div class="pdx_std_north_panel">
    <table id="table_id" class="display">
    <thead>
        <th>Property</th>
        <th>Value</th>      
        <th></th>
    </thead>
    <tbody>
        <button id="create-property">Create new property</button>
        #{list items:paras, as:'elem' }
        <tr >
            <td>${elem.sendAllKey}</td>
            <td id="${elem.sendAllKey}" >${elem.sendAllValue}</td>      
            <td><span class="ui-icon ui-icon-trash" id="deleteRow" name="${elem.sendAllKey}"></span></td>                       
        </tr>       
        #{/list}
    </tbody>    
    </table>        

</div>

行を追加するには、Datatables jquery プラグインの関数 fnAddData を使用して追加します。これは機能しますが、新しい行の 3 列目が空です。このセルに、特別なクラスを持つスパンを追加する必要があります。そうしないと、削除ボタンが表示されません。

jqueryを使用して何らかの方法でスパンを追加することでそれができると思います。新しく追加された行の 3 番目の列を選択する方法を教えてもらえますか?

また、このセルを選択した場合、指定されたクラスでスパンを追加するにはどうすればよいですか?

ありがとう

4

1 に答える 1

8

選択方法は次のとおりです。

$("#table_id td:eq(2)")

これを追加する方法は次のとおりです。

var tableData=$("#table_id td:eq(2)"),
span=$('<span class="specialClass">some text</span>');
tableData.append(span);

コメントの質問については、ここに実例がありますhttp://jsfiddle.net/umXWW/

HTML コード:

<table>
  <tr>
    <td>abcd1</td>
    <td>abcd2</td>
    <td>abcd3</td>
  </tr>
  <tr>
    <td>aaaa</td>
    <td>bbbb</td>
    <td></td>
  </tr>
</table>

jQuery コード:

$('td:contains("aaaa")').css({border:'1px solid red'}).parent().find('td:eq(2)').append($('<span class="specialClass">some text</span>'));
于 2012-10-18T23:57:42.003 に答える