javascript - 如何截掉表格中特定列中的字符？

Question

这里有很多类似的问题，但这些解决方案似乎都不起作用。我有一个表，其中的内容是通过一些巫术动态加载的，我想从第一个 <td> 中获取前 4 个字符。每行关闭。该行的类名为“任务名称”。

<tbody class="row maintask" ng-repeat="task in job.Tasks">
    <tr class="task-name">
        <td class="col-sm-7">{{task.TaskName}}</td>
        <td class="col-sm-4 col-sm-offset-1">{{task.TaskStatusStageDisplay}} <span ng-show="{{task.IsFailed}}||{{task.HasWarnings}}"><a href="{{task.StatusActionUrl}}" class="btn btn-sm btn-default pull-right" target="_Blank"> Errors</a></span> 
        </td>
    </tr>
    <tr class="subtask1 task-name" ng-repeat-start="subtask in task.SubJobTasks" ng-include="'tree_item.html'"></tr>

我已经尝试过:

var text = '.task-name'.substring(4); 

和

$('.task-name').substring(4);

以及一些其他变体，包括使用substr和slice 。我还在页面上的其他元素上尝试过，看看表格是否是问题所在，但这也不起作用。有任何想法吗？干杯。

到目前为止，我刚刚尝试了每个人的建议，但没有任何效果，即使我尝试不同的类，buuuuut....当我在不在模式中的元素上尝试时，我并没有说这是在模态中发生的模态它起作用了!不过，我真的不希望模态会影响它，除非它更多地与表格的填充方式有关，但这些东西超出了我的范围。

Answer 1

更新 - 使用 task-name 类砍掉任何 tr 中的第一个 td:

$('.task-name td:first-child').text(
  function() {
    return $(this).text().substring(4);
  }
);

td {
  background-color: #F0F0F0;
  padding: 2px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<table>
  <tr class="task-name">
    <td>first column</td>
    <td>other</td>
    <td>other</td>
  </tr>
  <tr class="task-name">
    <td>first column</td>
    <td>other</td>
    <td>other</td>
  </tr>
  <tr class="task-name">
    <td>first column</td>
    <td>other</td>
    <td>other</td>
  </tr>
</table>