JQuery选择表的第三列,并在此td中添加一个带有特殊类的span

Question

我正在使用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并以某种方式添加跨度来做到这一点.有人可以告诉我如何选择新添加的行的第三列吗？

此外,如果我选择此单元格,如何添加给定类的跨度？

谢谢

Answer 1

这是如何选择:

$("#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>'));