循环遍历数据表列以构建字符串

Question

我正在尝试遍历表格列并建立一个字符串。

这是我目前所拥有的：

$(".ConvertSQL").click(function () {

        var values

        $(".TableQuery tr").each(function () {

            $('td', this).each(function () {
                values = value + ',' + value;

                alert(values)
            })

        })

    });

收到错误：

我的警报显示一条消息说 'undefined'，并在单元格中有数据的次数内不断重复此消息

我还是新手，所以不完全理解发生了什么。

目前的设置不会遍历列，我认为它会遍历表中的每个单元格，因此也需要更改它

Answer 1

您的逻辑中的问题是，尽管您定义了 value，但您实际上从未将其设置为保存任何值，因此它仍然是 undefined。

从您的代码上下文看来，您正试图从 td 元素中获取文本内容，因此您可以使用 text() 方法和 :nth-child() 来获取 td 的所需的列。

还请注意，为了使这更容易，您可以使用map() 构建一个值数组，然后join() 形成单个字符串。试试这个：

$(".ConvertSQL").click(function() {
  var str = $(".TableQuery td:nth-child(1)").map((i, e) => $(e).text()).get().join(' ');
  console.log(str);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="TableQuery">
  <tbody>
    <tr>
      <td>Foo</td>
      <td>Bar</td>
    </tr>
    <tr>
      <td>Fizz</td>
      <td>Buzz</td>
    </tr>
  </tbody>
</table>

<button class="ConvertSQL">Click me</button>