替换html表中列的内容

Question

我有一个包含3列的表，每个列都有基于所选单选按钮的单选按钮（数量不一），显示下一列的单选按钮。 我开始用jQuery手动编码，它开始变得凌乱。 例如：如果我选择数学它会显示5个类别，所以这里我们还需要3行。如果我选择谜题，说只有3个类别，所以我们必须删除2行。

我的代码中的一小段代码

var rows=$j('#gradeTable tr').length-1;
            var count=0;
            if(isParent==='true'){
                //If its a parent we are not rendering on table.But for child we have to 
            }
            else{
                for(var i=0;i<rows;i++){
                    count++;
                    var sel='#gradeTable tr:nth-child('+(i+2)+') td:nth-child(2)';
                    $j(sel).replaceWith(tds[i]);

                }
                console.log(data.length+'=================c'+count);
                if(count<data.length){
                    html='';
                    for(var i=count;i<data.length;i++){
                        html+='<tr><td></td>'+tds[count]+'<td></td><td></td></tr>'
                    }
                    $j("#gradeTable").append(html);
                }
            }

tds []是要呈现给第二列的数据数组。

  

我是过度工程还是有一种更简单的方法可以做到这一点。我可以用吗   这个jQuery Datatable？

Answer 1

我使用了jQuery Data Table并使用了3个数组来存储成绩，主题和类别。并动态创建数据集并提供给DataTable。这远不如我试图做的那么复杂。