Javascript 将表格单元格的内容与jQuery合并/组合
我需要获取一行中所有单元格的内容,将它们合并,并将它们放入文本区域。我想我需要.each()函数,比如: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
$('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这一切都很好。另一个答案也可以,但这个答案的末尾没有逗号。非常感谢。