使用.each从表创建字符串,如何在每行之后添加换行符?

时间:2012-01-04 23:23:03

标签: javascript jquery arrays

我使用此javascript从表格的选定单元格中获取数据:

var cellIndexMapping = { 0: true, 1: true, 3:true, 4:true, 5:true};
var data = [];

$j("#myTable tr").each(function(rowIndex) {
    $j(this).find("td").each(function(cellIndex) {
        if (cellIndexMapping[cellIndex])
            data.push($j(this).text()  );
    });
});

var fullCSV = data.join(", ");
console.log (fullCSV);

这为我提供了逗号分隔数组中的所有表元素。例如,如果我的表是

<th>| zero | one | two | three | four | five | </th>
---------------------------------------------
<tr>|  A   |  B  |  C  |  D    |  E   |  F   | </tr>
---------------------------------------------
<tr>|  G   |  H  |  I  |  J    |  K   |  L   | </tr>

我回来了:

A,B,D,E,F,G,H,J,K,L

我需要的是每行之间的换行符"\n"。所以我想要的结果如下:

A,B,D,E,F,\n G,H,J,K,L \n

有什么想法吗?

3 个答案:

答案 0 :(得分:1)

var cellIndexMapping = { 0: true, 1: true, 3:true, 4:true, 5:true},
    data = [],
    finalData = [];

$j("#myTable tr").each(function(rowIndex) {
    data.push([]);

    $j(this).find("td").each(function(cellIndex) {
        if (cellIndexMapping[cellIndex])
            data[rowIndex].push( $j(this).text() );
    });
});

$j.each(data, function(i, e) {
    finalData.push( e.join(',') );
});

finalData.join("\n");

或者,您可以在每个循环中附加\n

var cellIndexMapping = { 0: true, 1: true, 3:true, 4:true, 5:true},
    finalData = '';

$j("#myTable tr").each(function(rowIndex) {
    var data = [];
    $j(this).find("td").each(function(cellIndex) {
        if (cellIndexMapping[cellIndex])
            data.push( $j(this).text() );
    });

    finalData += data.join(', ') + "\n";
});

看到这个小提琴:http://jsfiddle.net/kLsW5/

答案 1 :(得分:1)

您只需要在外部循环的末尾添加它:

var res = "";
$j("#myTable tr").each(function(rowIndex) {
    var data = [];
    $j(this).find("td").each(function(cellIndex) {
        if (cellIndexMapping[cellIndex])
            data.push($j(this).text()  );
    });
    res += data.join(", ") + "\n";
});

现在res保留最终值。

答案 2 :(得分:1)

您确定要在第一行中使用尾随逗号吗?你不想要这样的东西:

A,B,D,E,F\nG,H,J,K,L\n

以下是使用.map() [docs]的方法:

var cellIndexMapping = { 0: true, 1: true, 3:true, 4:true, 5:true};    

var fullCSV = $j("#myTable tr").map(function() {

    return $j(this).find("td").map(function(cellIndex) {
        return cellIndexMapping[cellIndex] ? $j(this).text() : null;
    }).get().join(', ');

}).get().join('\n');