javascript - 选择表格每一行中的第四个 td 并转换数据

Question

所以我得到了一个函数，它应该获取特定表格每一行中的第四列，使用函数操作数据并为单元格返回不同的数据。它采用总分钟数的整数并返回一个字符串以放置在单元格中。我已经使该功能正常工作，但仅适用于它在第一行中找到的第一个功能。 JQuery 对我来说还是有点新，我不完全理解如何通过 JS 使用 DOM。这是我目前的功能。感谢您的帮助!

$('#customlists tbody tr td').eq(3).each(function() {
console.log($(this).html());
return $(this).html(convertTime($(this).html()));
});

function convertTime(minutes) {
console.log(minutes);
var days = Math.floor((minutes/60) / 24);
minutes -= days*60*24;
var hours = Math.floor(minutes / 60);
minutes -= hours*60;
return days+"D "+hours+"H "+minutes+"M ";
}

Answer 1

.eq(3) 将只选择整个 jQuery 集合中的第四项，结果只有一个元素。尝试在选择器字符串中使用 nth-child:

$('#customlists tbody tr td:nth-child(4)').each(function() {

$('#customlists tbody tr td:nth-child(4)').each(function() {
  $(this).text('FOUR');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="customlists">
  <tbody>
    <tr>
      <td>one</td>
      <td>two</td>
      <td>three</td>
      <td>four</td>
      <td>five</td>
    </tr>
    <tr>
      <td>one</td>
      <td>two</td>
      <td>three</td>
      <td>four</td>
      <td>five</td>
    </tr>
  </tbody>
</table>