如何仅当另一个<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数组中。你可以根据实际需求修改代码中的表格结构和特定文本的内容。

腾讯云相关产品和产品介绍链接地址：