JQuery的選擇表的第三列，並在此與TD一類特殊的

Question

我使用發揮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>'));