Question

我有一个带有标题的列表。当选择页面上的其他元素时，会动态添加标识符作为新行：

Identifiers
789654    
321478    
963258    
741825    
917382    
147896

这样可以正常工作，但它有时可以使页面很长。有人建议我们最初添加列而不是行，然后在达到N列后创建一个新行。所以对于N = 5：

Identifiers
789654 321478 963258 741825 917382    
147896

我每次都可以编写Javascript来解析表格内容但是有更简单的方法吗？

JSFiddle

Answer 1

更多的JQuery-fu解决了它，但必须有更好的方法！

var x = 0;
var y = 0;

AddThis('012345');
AddThis('678901');
AddThis('123456');
AddThis('789012');
AddThis('345678');
AddThis('901234');

function AddThis(ident)
{       
    if (x === 0 && y === 0)
    {
        $('#wibble tr:last').after(Rowify(GetId()));        
    }
    else
    {    
        if (x === 5)
        {   
            y++;           
            $('#wibble tr:last').after(Rowify(GetId()));
            x = 0;            
        }
    }
    $('#' + GetId()).append(Cellify(ident));
    x++;
}

function GetId()
{
    return 'r' + y;
}

function Rowify(id) {
    return "<tr id='" + id + "'></tr>";
}

function Cellify(data) {
    return '<td>' + data + '</td>';
}

JSFiddle

如何将单元格添加到表中，然后在N列之后换行

1 个答案: