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>

当我尝试从jquery动态更新表中的<td>时，我需要添加一些逻辑以检查第一个元素是否跨越了多行。我想问一下是否可以根据标题（如关联数组）更新行。

类似于此伪代码$(this).td[<WHERE th=SHARE>].text("something)

Answer 1

我建议您在准备html标记时，应为<td> s分配一个类名：

<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...');
});

如何基于th更新td？

1 个答案: