时间戳

首页 > 解决方案 > 如何从表格行中获取特定列

javascript - 如何从表格行中获取特定列

问题描述

我正在尝试替换某个表格行的第 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>

标签： javascriptjqueryhtml

解决方案

在这种情况下，您可以使用 Jquery 更改文本，如下所示。

您是否在每行按钮单击时更改表格内容？然后

$('.view').on('click',function(){
    $(this).parents('tr').find('span').html('changed Text').css('color','#fdcc');
});

或者像这样

$("td:nth-child(3)").css("background-color", "yellow");

推荐阅读