javascript - 使用 jQuery 合并/组合表格单元格的内容

Question

我需要获取一行中所有单元格的内容，将它们组合起来，然后放入一个文本区域中。我想我需要 .each() 函数，例如:

 $('table tr').each(function() {
    $(this).find('td').text().appendTo(textarea); // not right
});

但我不知道如何将每个单元格的内容合并为一个，然后将其放入textarea。

基本上，我有一个这样的表:

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

我希望它像这样结束:

<textarea>
1,2,3,4
1,2,3,4
1,2,3,4
</textarea>

http://jsfiddle.net/qy1e7to6/33/

非常感谢您能提供的任何帮助。谢谢。

Answer 1

你非常接近!对于 table row 的每次迭代，您希望将每个单元格的字符序列与 , 分隔符组合起来。最后，您需要一个换行符。

我们可以轻松地将文本与 , 分隔符组合的一种方法是使用数组，然后连接数组

var chars = []; 
// add characters here...
chars.join(',');

当我们追加时，我们可以为文本添加新行:

var chars = [];

// iterate each cell and push to array to join later!
$(this).find('td').each(function(){
    chars.push($(this).text());
});

// append to text area and join the array
textarea.append(chars.join(','), '\n');

这是一个更新的 fiddle : http://jsfiddle.net/qy1e7to6/34/