html中隐藏table指定标签的列

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();

   }

  }