javascript - 如何将表格的所有标题内嵌为 Javascript 或 jQuery 中的逗号分隔字符串？

Question

我需要获取表中的所有列并将它们放入逗号分隔的字符串中。

例如，我需要从下表中获取Col1,Col2,Col3。

<table id="my_table">
    <thead>
        <tr><th>Col1</th></tr>
        <tr><th>Col2</th></tr>
        <tr><th>Col3</th></tr>
    </thead>
    <tbody>
        <tr><td>1</td></tr>
        <tr><td>2</td></tr>
        <tr><td>3</td></tr>
    </tbody>
</table>

如何在 jQuery 或 Javascript 中执行此操作？

Answer 1

这可能有效:

var texts = [];
$('#my_table').find('th').each(function () {
    texts.push($(this).text());
});

var result = texts.join(',');

没有 jQuery:

var texts = [];
var thNodes = document.querySelectorAll('#my_table th');

for (var i = 0, nodeLength = thNodes.length; i < thNodes.length; i++) {
    texts.push(thNodes[i].innerText);
}

var result = texts.join(',');