[英]How to get a certain column from a table row
我正在嘗試替換某個表格行的第3列的文本和CSS,我每行上的按鈕都有唯一的ID。
我見過有人在做$('#feedbacks tr:nth-child(3) td')
這是我桌子的一排
<tr role="row" class="odd">
<td class="sorting_1" tabindex="0">awdawd</td>
<td>awdawd@dawd.com</td>
<td>
<span class="text-success">Opened</span>
</td>
<td>04:16PM Wednesday - 21st Aug 2019</td>
<td class=" text-center">
<button type="button" rel="tooltip" title="view" class="btn btn-simple btn-info btn-icon view" id="77">
<i class="material-icons">pageview</i>
</button>
</td>
</tr>
在這種情況下,您可以通過使用Jquery來更改文本,如下所示。
您是否在單擊每一行的按鈕時更改表的內容? 然后
$('.view').on('click',function(){
$(this).parents('tr').find('span').html('changed Text').css('color','#fdcc');
});
或像這樣
$("td:nth-child(3)").css("background-color", "yellow");
假設在單擊每個tr視圖按鈕時,您要更改3d td span類和文本。 然后執行以下操作-
$(document).on('click', '.view', function(){
$(this).parents('tr').find('td:nth-child(3) span').text("Unread").removeClass("text-success").addClass("text-error");
});
試試這個選擇器。 tr td:nth-child(3)
最好為表具有唯一的ID
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.