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 添加它。这可行，但我的新行的第三列是空的。我需要在这个单元格中添加一个带有特殊类的跨度。否则我的删除按钮不可见。

我想我可以通过使用 jquery 并以某种方式添加跨度来做到这一点。有人可以告诉我如何选择我新添加的行的第三列吗？

另外，如果我选择了这个单元格，我如何添加给定类的跨度？

谢谢

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