从拆分数组数据创建行

时间:2016-06-07 15:12:25

标签: javascript jquery

我有一个表格,看起来像我在下面提供的这个数据
表




  T som da pap
 ------------------------------
 A | soma |标签|纳米|
 ----------------------------
 B | a:b | acha | wen:nda |
 -----------------------------
 C | d | k | nd:ke |
 -----------------------------
  
&#XA;&#XA; < p>使用javascript / jquery中的数据我想&#xA;根据pap的计数创建一个这样的表

&#xA;&#xA;
  T som da pap&#xA; ------------------------------&#XA; A | soma |标签|纳米|&#xA; ----------------------------&#XA; B | a | acha |文|&#xA; -----------------------------&#XA; B | b | acha | nda |&#xA; -----------------------------&#XA; C | d | k | nd |&#xA; -----------------------------&#XA; C | d | k | ke |&#xA; -----------------------------&#XA;  
&#XA;&#XA; < p>建议,我试过但到目前为止我只能放入td而不是tr

&#xA;

1 个答案:

答案 0 :(得分:0)

假设两个单元格中的项目总数相同。

$("#tableID tr").each(function() {
    var som = $(this).find("td:eq(1)").text();
    var som_array = som.split(':');
    if (som_array.length > 1) {
        var pap_array = $(this).find("td:eq(3)").text().split(':');
        $.each(som_array, function(i, som_el) {
            var pap_el = pap_array[i];
            var new_row = $(this).clone();
            new_row.eq(1).text(som_el);
            new_row.eq(3).text(pap_el);
            $(this).after(new_row);
        }
        $(this).remove();
    }
});

这将循环遍历表中的所有行,并检查som列是否包含多个项目。如果是,则将其拆分,并拆分pap列。然后它循环遍历这些值,生成原始行的副本,并用拆分字符串的元素替换这些列。最后它删除了原始行。