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

更新時(shí)間：2015年03月16日 10:41:23 作者：damaolly

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

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

1、table代碼

<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">訪問(wèn)深度</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)限控制

注：如果數(shù)據(jù)是動(dòng)態(tài)數(shù)據(jù)，當(dāng)賦值完后再控制顯示td，否則會(huì)造成td頭控制成功，其他行失敗的情況

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");
 });
}

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

8個(gè)絕妙的JS字符串處理技巧分享
當(dāng)處理JavaScript字符串時(shí),有許多有趣的技巧可以提高你的編碼效率,這篇文章將介紹一些有關(guān)JavaScript字符串的技巧,讓你在字符串操作方面更加?jì)故?/div> 2023-10-10
replace()方法查找字符使用示例
查找字符的情況下會(huì)使用replace()方法，此方法很常見也很實(shí)用，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下，希望對(duì)大家有所把幫助
2013-10-10
分析JS中this引發(fā)的bug
這篇文章主要介紹了分析JavaScript中this引發(fā)的bug以及相關(guān)的處理方法分析，一起學(xué)習(xí)下吧。
2017-12-12
前端實(shí)現(xiàn)讀取word文件并將其原樣式展示的幾種方案
在前端直接讀取并原樣展示W(wǎng)ord文檔是一個(gè)相對(duì)復(fù)雜的任務(wù),因?yàn)閃ord文檔的格式(如.doc或.docx)與Web技術(shù)棧使用的格式(HTML、CSS)不兼容,這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)讀取word文件并將其原樣式展示的幾種方案,需要的朋友可以參考下
2024-08-08
鍵盤上下鍵移動(dòng)選擇table表格行的js代碼
通過(guò)鍵盤上的上下鍵可以選擇表格行的實(shí)現(xiàn)效果代碼。思路不錯(cuò)，需要的朋友可以參考下。
2009-12-12
js操作二級(jí)聯(lián)動(dòng)實(shí)現(xiàn)代碼
網(wǎng)上二級(jí)（多級(jí)）聯(lián)動(dòng)的例子也不少，有各種不同的操作方法。我所采用的方法網(wǎng)上也應(yīng)該有的，不過(guò)我還沒有看到過(guò)。
2010-07-07
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版的五子棋游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版的五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
干貨分享：讓你分分鐘學(xué)會(huì)javascript閉包
干貨分享：讓你分分鐘學(xué)會(huì)javascript閉包，如何才能快速學(xué)會(huì)javascript閉包，本文為大家揭曉
2015-12-12
javascript操作select參考代碼
用js控制select的方法，大家可以參考下
2008-06-06
Webpack設(shè)置環(huán)境變量的一些誤區(qū)詳解
這篇文章主要給大家介紹了關(guān)于Webpack設(shè)置環(huán)境變量的一些誤區(qū)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Webpack具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12