JavaScript控制table某列不顯示的方法

2024-05-06 16:16:56

字體：大中小

供稿：網(wǎng)友

這篇文章主要介紹了JavaScript控制table某列不顯示的方法,涉及javascript操作表單的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JavaScript控制table某列不顯示的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

1、table代碼

復(fù)制代碼代碼如下:

		<table id="mytable" border="0" width="1400" align="center"  
		  cellpadding="3" cellspacing="1" bgcolor="#dfdfdf">
		  <tbody id="tbody1" style="background: #e4e9f0; font-weight: bold;">
		      <tr class="gray12">
		          <td width="120" bgcolor="#FFFFFF">日期</td>
		          <td width="120" bgcolor="#FFFFFF">媒體名稱</td>
		          <td width="200" bgcolor="#FFFFFF">投放形式</td>
		          <td width="120" bgcolor="#FFFFFF">曝光次數(shù)</td>
		          <td width="120" bgcolor="#FFFFFF">曝光人數(shù)</td>
		          <td width="120" bgcolor="#FFFFFF">點(diǎn)擊次數(shù)</td>
		          <td width="120" bgcolor="#FFFFFF">點(diǎn)擊人數(shù)</td>
		          <td width="120" bgcolor="#FFFFFF">CTR</td>
		          <td width="120" bgcolor="#FFFFFF">訪次</td>
		          <td width="120" bgcolor="#FFFFFF">跳出次數(shù)</td>
		          <td width="120" bgcolor="#FFFFFF">訪問深度</td>
		          <td width="120" bgcolor="#FFFFFF">瀏覽時(shí)長(zhǎng)/秒</td>
		          <td width="120" bgcolor="#FFFFFF">參與活動(dòng)人數(shù)</td>
		          <td width="120" bgcolor="#FFFFFF">辦理業(yè)務(wù)人數(shù)</td>
		      </tr>
		  </tbody>
		  <tbody id="detail_id"></tbody>
		</table>

2、js根據(jù)權(quán)限控制

if (uname === "guest") {

$("#mytable tr").each(function() {

   $(this).find("td").eq(7).css("display", "none");

   $(this).find("td").eq(8).css("display", "none");

   $(this).find("td").eq(9).css("display", "none");

   $(this).find("td").eq(10).css("display", "none");

   $(this).find("td").eq(11).css("display", "none");

   $(this).find("td").eq(12).css("display", "none");

   $(this).find("td").eq(13).css("display", "none");

});

}