html中隱藏table指定標籤的列
假定table有三行，一行標題，二行數據，三行數據
使用原生js：
functiondiff(){
var sel=document.getElementById("dataTable")
for(vari=0;i<sel.rows.item(0).cells.length;i++)
{
if(sel.rows[2].cells[i].getAttribute('diff')=='true'||sel.rows[3].cells[i].getAttribute('diff')=='true'){
//nothingToDo
}elseif(sel.rows[2].cells[i].getAttribute('diff')=='false'&&
sel.rows[3].cells[i].getAttribute('diff')=='false'){
sel.rows[0].cells[i].style.display='none';
sel.rows[1].cells[i].style.display='none';
sel.rows[2].cells[i].style.display='none';
sel.rows[3].cells[i].style.display='none';
}
}
}
使用jquery
選擇器使用的時候加上 對 table 的選擇，因爲這裏在html中有兩個table。 td的選擇需要使用字符串拼接。
for(vari=1;i<=$("#dataTabletr:eq(0)").find("th").length;i++)
{
if($("#dataTabletr:eq(2) td:eq("+i+")").attr("diff")=='true' || $("#dataTabletr:eq(3) td:eq("+i+")").attr("diff")=='true'){
}elseif($("#dataTabletr:eq(2) td:eq("+i+")").attr("diff")=='false'&&$("#dataTabletr:eq(3) td:eq("+i+")").attr("diff")=='false'){
$("#dataTabletr:eq(0) th:eq("+i+")").hide();
$("#dataTabletr:eq(1) td:eq("+i+")").hide();
$("#dataTabletr:eq(2) td:eq("+i+")").hide();
$("#dataTabletr:eq(3) td:eq("+i+")").hide();
}
}