Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将表格单元格的内容与jQuery合并/组合_Javascript_Jquery_Html - Fatal编程技术网

Javascript 将表格单元格的内容与jQuery合并/组合

Javascript 将表格单元格的内容与jQuery合并/组合,javascript,jquery,html,Javascript,Jquery,Html,我需要获取一行中所有单元格的内容,将它们合并,并将它们放入文本区域。我想我需要.each()函数,比如: $('table tr').each(function() { $(this).find('td').text().appendTo(textarea); // not right }); 但我不知道如何将每个单元格的内容组合成一个单元格,然后将其放入文本区域 基本上,我有一张这样的桌子: <table> <tr> <td&g

我需要获取一行中所有单元格的内容,将它们合并,并将它们放入文本区域。我想我需要.each()函数,比如:

 $('table tr').each(function() {
    $(this).find('td').text().appendTo(textarea); // not right
});
但我不知道如何将每个单元格的内容组合成一个单元格,然后将其放入文本区域

基本上,我有一张这样的桌子:

<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>

1.
2.
3.
4.
1.
2.
3.
4.
1.
2.
3.
4.
我希望它的结局是这样的:

<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>

1,2,3,4
1,2,3,4
1,2,3,4

我真的很感激你能给我的任何帮助。谢谢。

此代码适用于:

var msg = "";
$('table tr').each(function() {
 $(this).find('td').each(function(){
     msg += $(this).text() + ",";
 });
msg +=" \r\n";
});

$("textarea").val(msg);

小提琴手:

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

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

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');
这是最新的提琴:

您可以尝试使用

var content = '';    
$('table tr').each(function(idx,elem) {
   $(elem).find('tr').each(function(index,element){
     content += $(element).text() + ',';
});
content.splice(0,-1);
content + = '\n';
});
$(textarea).val(content);

非常感谢。这很有效,但每行末尾都有一个逗号。这可以解决吗?请选择回答1,2,3,4,1,2,3,4,1,2,3,4,但Op希望1,2,3,4 1,2,3,4 1,4 1,2,4 1,2,3,4这一切都很好。另一个答案也可以,但这个答案的末尾没有逗号。非常感谢。