javascript - 如何根据 th 更新 td?
问题描述
我有一个具有以下结构的 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 标记时应指定 sa 类名,如下所示:
<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...');
});
推荐阅读
- python - 如何测试从模型中保存的方法?
- python - 从 AWS Lambda (Python) 连接到 IBM MQ(on-perm)
- python - Python,范围(),双循环,
- c++ - 将值作为参数传递时出现“类型名称不允许指定存储类”错误
- html - 我怎样才能让 Chrome 尊重“scroll-snap-stop:always”?
- c - 检查动态分配的二维数组中的相邻单元格
- javascript - 在后台表单字段中将数据传递给 post.php
- reactjs - @typeform/embed 打破 Gatsby Netlify 构建
- javascript - 如何附加 SVG
元素 - javascript - 打印数组javascript对象的数组