我有一个具有以下结构的 HTML 表格
<thead>
<tr>
<th>COMPANY</th>
<th>DATE</th>
<th>SHARE</th>
<th>COST PRICE</th>
</tr>
</thead>
在数据部分我有以下结构。
<tr>
<td rowspan="2">COMPANY1</td>
<td>DATE1</td>
<td>SHARE1</td>
<td>COST PRICE1</td>
</tr>
当我尝试更新<td>
时从 jquery 动态地在表中添加 s 我需要添加一些逻辑来检查第一个元素是否跨越多行。我想问我们是否可以根据标题更新行,例如关联数组。
就像这个伪代码$(this).td[<WHERE th=SHARE>].text("something)
最佳答案
我建议您分配 <td>
准备 html 标记时的类名如下:
<tr>
<td class="company" rowspan="2">COMPANY1</td>
<td class="date">DATE1</td>
<td class="share">SHARE1</td>
<td class="cost-price">COST PRICE1</td>
</tr>
<tr>
<td class="date">DATE1</td>
<td class="share">SHARE1</td>
<td class="cost-price">COST PRICE1</td>
</tr>
Javascript 将是这样的:
$('tr').each(function() {
$(this).children('td.share').text('Share...');
$(this).children('td.cost-price').text('Cost Price...');
});
关于javascript - 如何根据th更新td?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51835371/