如何仅当另一个<td>包含特定文本时才将另一个<td>中的数字添加到数组中
在前端开发中，可以通过JavaScript来实现仅当另一个<td>包含特定文本时才将另一个<td>中的数字添加到数组中。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Extract Numbers from Table</title>
<script>
function extractNumbers() {
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
var numbers = [];
for (var i = 0; i < rows.length; i++) {
var cells = rows[i].getElementsByTagName("td");
var text1 = cells[0].innerText;
var text2 = cells[1].innerText;
if (text1.includes("特定文本")) {
var number = parseInt(text2);
if (!isNaN(number)) {
numbers.push(number);
}
}
}
console.log(numbers);
}
</script>
</head>
<body>
<table id="myTable">
<tr>
<td>文本1</td>
<td>123</td>
</tr>
<tr>
<td>特定文本</td>
<td>456</td>
</tr>
<tr>
<td>文本2</td>
<td>789</td>
</tr>
</table>
<button onclick="extractNumbers()">提取数字</button>
</body>
</html>在上述代码中，我们首先通过getElementById方法获取到包含表格的<table>元素。然后，通过getElementsByTagName方法获取到所有的行<tr>元素。接下来，我们遍历每一行，通过getElementsByTagName方法获取到该行中的所有单元格<td>元素。然后，我们分别获取第一个单元格和第二个单元格的文本内容。如果第一个单元格的文本内容包含了"特定文本"，则将第二个单元格的文本内容转换为数字，并将其添加到numbers数组中。最后，我们通过console.log方法将numbers数组输出到控制台。
这段代码的作用是在点击按钮时，提取表格中包含特定文本的行的第二个单元格中的数字，并将这些数字存储在numbers数组中。你可以根据实际需求修改代码中的表格结构和特定文本的内容。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
