javascript - 如何根据th更新td？

Question

我有一个具有以下结构的 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)

Answer 1

我建议您分配 <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...');
});