javascript - 如何为表格的单元格设置特定的ID
问题描述
我有一张桌子,我想为td
我桌子上的每个人设置一个特定的 id。更多解释:
我有一张这样的桌子:
<table class="myTable">
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
</table>
我想通过 Jquery 制作这样的表格:
<table class="myTable">
<tr class="tr">
<td class="td" id="td1"></td>
<td class="td" id="td2"></td>
<td class="td" id="td3"></td>
<td class="td" id="td4"></td>
</tr>
<tr class="tr">
<td class="td" id="td5"></td>
<td class="td" id="td6"></td>
<td class="td" id="td7"></td>
<td class="td" id="td8"></td>
</tr>
</table>
请帮我做这件事,谢谢大家。
解决方案
也许是这样的?您可以使用each()
which 将为您提供元素和索引。
$(document).ready(function() {
$('.myTable td').each((i, e) => {
$(e).attr('id', `td${(i + 1)}`);
$(e).html(`td${(i + 1)}`);
});
});
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<table class="myTable">
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
</table>
推荐阅读
- java - 实现一个 3X3 矩阵的队列
- python - Python - 减少重复列表,但如果它们是交替的,则保留列表中的重复
- ruby - 包含 Vagrantfile 的配置文件目录
- sql - 如何获取一个ID的最新2条记录
- python - 如何根据另一个数据框的值在现有数据框上创建新列,这两个数据框的长度都不同
- excel - 如何检查超链接是否打开 PDF 或在 Excel 中返回“未找到”错误
- c# - .net 5.0 库可用于 VBA
- python - CondaError:尝试使用 conda 下载 cudnn 时,下载的字节与 Content-Length 不匹配
- reactjs - React 如何从多个 url 获取数据
- google-play - Google Play 发布前报告屏幕截图的方向不正确