如何增加表行中的值,每行具有不同的值?
这就像日历。我已经声明了月份和年份,第一行是日子。因此,第二行将从2开始,因为月份设置为1,月份+天-1 + 1 = 2,它将一直持续到最后一个像2,3,4,5,6这样的单元格。第三行将是21-25,因为我想将月份+日期+年的最后两位数字相加-1 + 1 + 19。我设法找到表并递增,但它下降而不是正确。



$('#table').find('td:nth-child(1)').each(function(i) {
  var month = 1;
  var y1 = 2019;
  var y2 = 12;
  var y3 = 19;
  $(this).text(i + month);
})

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
}

tr:nth-child(1) {
  background-color: #dddddd;
}

<!DOCTYPE html>
<html>

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>
  <h2 id="Month">Month: 1</h2>
  <span id="Year">Year: 2019</span>
  <table id="table">
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
      <th>5</th>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>

</body>

</html>

最佳答案

你的意思是这样吗?我添加了thead和tbody元素,以轻松选择行。然后,我取整整第一行,并在其中取所有单元格和文本。希望能帮助到你。



var year = 2019;
var month = 1;

$('#Month').text('Month: '+month);
$('#Year').text('Year: '+year);

for(var i=1; i<=$('#table thead th').length; ++i){
  var day = parseInt($('#table thead th:nth-child('+i+')').text());
  $('#table tbody tr:nth-child(1) td:nth-child('+i+')').text(day);
  $('#table tbody tr:nth-child(2) td:nth-child('+i+')').text(day+month);
  $('#table tbody tr:nth-child(3) td:nth-child('+i+')').text(day+month+(year%100));
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
}

thead {
  background-color: #dddddd;
}

<!DOCTYPE html>
<html>

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>
  <h2 id="Month"></h2>
  <span id="Year"></span>
  <table id="table">
    <thead>
      <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
      </tr>
    </thead>
    </body>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </tbody>
  </table>

</body>

</html>

关于javascript - 表行中的增量值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57852850/

10-13 04:54