如何增加表行中的值,每行具有不同的值?
这就像日历。我已经声明了月份和年份,第一行是日子。因此,第二行将从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/