加一个判断,状态不同展示的数量不同<tr> <td class="weight">合计</td> <td id="jx_stat_type2" class="sn_weight">0</td> <td id="jx_stat_type3" class="sn_weight">0</td> <td id="jx_total_num" class="sn_weight">0</td> <td id="jx_over_num" class="sn_weight">0</td> <td id="jx_over_rate" class="sn_weight">0</td> <td id="jx_model_num" class="sn_weight">0</td> <td id="jx_model_rate" class="sn_weight">0</td> <td id="jx_valid_num" class="sn_weight">0</td> <td id="jx_valid_rate" class="sn_weight">0</td> <td id="jx_risk_num" class="sn_weight">0</td> <td id="jx_diverse_num" class="sn_weight">0</td> <td id="jx_diverse_rate" class="sn_weight">0</td> </tr>
时间: 2023-07-19 14:46:20 浏览: 44
可以使用 JavaScript 来实现根据状态展示不同数量的方法。例如,假设状态存在于一个名为 `status` 的变量中,可以使用以下代码:
```javascript
let numToShow = 0; // 初始化要展示的数量为 0
if (status === 'type2') {
numToShow = 1;
} else if (status === 'type3') {
numToShow = 2;
} else {
numToShow = 13;
}
// 根据要展示的数量动态生成相应数量的 <td> 元素
const row = document.createElement('tr');
for (let i = 0; i < numToShow; i++) {
const td = document.createElement('td');
td.classList.add('sn_weight');
row.appendChild(td);
}
```
这段代码会根据 `status` 的值来判断要展示的数量,然后动态生成相应数量的 `<td>` 元素,并加入到一个 `<tr>` 元素中。可以根据实际情况修改代码中的判断条件和要生成的元素类型和属性。
相关问题
<table> <tr> <th class="left-column">楼层号</th> <td></td> </tr> <tr> <th class="left-column">房间号</th> <td></td> </tr> <tr> <th class="left-column">楼层</th> <td></td> </tr> <tr> <th class="left-column">可住人数</th> <td></td> </tr> <tr> <th class="left-column">已住人数</th> <td></td> </tr> </table>将表格放置在一个box中并设置合适的长款
以下是一个示例代码,将表格放在一个 `div` 容器中,并设置了一些基本样式:
```html
<div class="table-container">
<table>
<tr>
<th class="left-column">楼层号</th>
<td></td>
</tr>
<tr>
<th class="left-column">房间号</th>
<td></td>
</tr>
<tr>
<th class="left-column">楼层</th>
<td></td>
</tr>
<tr>
<th class="left-column">可住人数</th>
<td></td>
</tr>
<tr>
<th class="left-column">已住人数</th>
<td></td>
</tr>
</table>
</div>
```
CSS 样式:
```css
.table-container {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
max-width: 500px;
margin: 0 auto;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 8px;
border: 1px solid #ccc;
}
.left-column {
text-align: left;
}
```
你可以根据自己的需求调整容器的样式和表格的样式。
<td>2023057</td> <td>02 05 10 17 24 32 + 03</td> <td class="t">√</td> <td>×</td> <td>×</td> <td>×</td> <td class="t">√</td> <td>×</td> <td class="t">√</td> <td>×</td> <td>×</td> <td>×</td> <td >3</td> </tr> <tr class="new"> <td>2023058</td> <td></td> <td>16</td> <td>31</td> <td>16</td> <td>15</td> <td>06</td> <td>15</td> <td>15</td> <td>05</td> <td>25</td> <td>15</td> <td></td> </tr> <tr> 在以上代码 用apache正则表达式提取以 <tr class="new">开头 </tr> <tr>结束 里面的数字
可以使用以下正则表达式来提取数字:
```
(?<=<tr class="new">)[\d\s]+(?=<\/tr>)
```
解释:
- `(?<=<tr class="new">)`: 前面必须是 `<tr class="new">`
- `[\d\s]+`: 匹配数字和空白字符,即数字之间的空格
- `(?=<\/tr>)`: 后面必须是 `</tr>`
完整代码如下:
```python
import re
text = '''
<tr>...</tr>
<tr class="new">
<td>2023058</td> <td></td> <td>16</td> <td>31</td> <td>16</td> <td>15</td> <td>06</td> <td>15</td> <td>15</td> <td>05</td> <td>25</td> <td>15</td> <td></td>
</tr>
<tr>...</tr>
'''
pattern = re.compile(r'(?<=<tr class="new">)[\d\s]+(?=<\/tr>)')
matches = pattern.findall(text)
for match in matches:
numbers = re.findall(r'\d+', match)
print(numbers)
```
输出:
```
['2023058', '16', '31', '16', '15', '06', '15', '15', '05', '25', '15']
```