在包含内容的表中添加行或列，然后使用Jquery中的新列替换特定的行/列

Question

我想在表的末尾添加新列，每行包含特定内容，然后替换该新列的speicif内容（如果它匹配）。 谢谢。 这是代码，我没有写这个，我只是在一个地方添加了不同的代码。

例如，代码查找页面上有一个名为Product＃2的文本，并在Buy Row中为产品＃2添加立即购买按钮

由于

var allDivs = document.querySelectorAll("#list_table");


[].forEach.call(allDivs, function(a) {


  if (/\bProduct # 1\b/gi.test(a.textContent)) {



    $("#list_table th:last-child").after('<th>Buy</th>');
    $("#list_table td:last-child").after('<a class="noinfo">N/A</a></td></a>');

  }







});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<table width="40%" id="list_table" border="1">
  <tbody>
    <tr>
      <th>Name</th>
      <th>category</th>
    </tr>
    <tr>
      <td>Product # 1</td>
      <td>category # 1</td>
    </tr>
    <tr>
      <td>Product # 2</td>
      <td>category # 2</td>
    </tr>
    <tr>
      <td>Product # 3</td>
      <td>category # 3</td>
    </tr>
  </tbody>
</table>

Answer 1

试试这个：

不要忘记更换＆＃34;＃＆＃34;与你的行动。

＆＃13;

＆＃13;

var allDivs = document.querySelectorAll("#list_table");
    [].forEach.call(allDivs, function(a) {
        if (/\bProduct # 1\b/gi.test(a.textContent)) {
            $("#list_table th:last-child").after('<th>Buy</th>');
            $("#list_table td:last-child").after('<td><a href="#" class="noinfo">N/A</a></td>');
        }
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <table width="40%" id="list_table" border="1">
      <tbody>
        <tr>
          <th>Name</th>
          <th>category</th>
        </tr>
        <tr>
          <td>Product # 1</td>
          <td>category # 1</td>
        </tr>
        <tr>
          <td>Product # 2</td>
          <td>category # 2</td>
        </tr>
        <tr>
          <td>Product # 3</td>
          <td>category # 3</td>
        </tr>
      </tbody>
    </table>

＆＃13;

＆＃13;

＆＃13;