JavaScript控制table某列不顯示的方法
本文實(shí)例講述了JavaScript控制table某列不顯示的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
1、table代碼
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ì)有所幫助。
- 一實(shí)用的實(shí)現(xiàn)table排序的Javascript類(lèi)庫(kù)
- javascript 通用滑動(dòng)門(mén)tab類(lèi)
- javascript仿126郵箱TAB切換效果
- javascript 表格排序和表頭浮動(dòng)效果(擴(kuò)展SortTable)
- javascript+css 新聞顯示tab 選項(xiàng)卡效果
- javascript hashtable實(shí)現(xiàn)代碼
- javascript 移動(dòng)鼠標(biāo)得到單元格所在table表中的rowIndex位置[兼容ie,firefox]
- javascript DOM操作之動(dòng)態(tài)刪除TABLE多行
- javascript 哈希表(hashtable)的簡(jiǎn)單實(shí)現(xiàn)
- javascript實(shí)現(xiàn)tabs選項(xiàng)卡切換效果(自寫(xiě)原生js)
- javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法詳解)
- js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡(jiǎn)單實(shí)例
- JavaScript實(shí)現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
- javascript清空table表格的方法
- javascript實(shí)現(xiàn)tab切換的四種方法
- javascript實(shí)現(xiàn)tab切換的兩個(gè)實(shí)例
- javascript實(shí)現(xiàn)tab切換特效
相關(guān)文章
獲取DOM對(duì)象的幾種擴(kuò)展及簡(jiǎn)寫(xiě)
獲取DOM對(duì)象的幾種擴(kuò)展及簡(jiǎn)寫(xiě)...2006-10-10js實(shí)現(xiàn)鼠標(biāo)感應(yīng)圖片展示的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)感應(yīng)圖片展示的方法,實(shí)例分析了javascript鼠標(biāo)事件及樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02JavaScript對(duì)象數(shù)組排序函數(shù)及六個(gè)用法
本文給大家分享一個(gè)用于數(shù)組或者對(duì)象的排序的函數(shù)。該函數(shù)可以以任意深度的數(shù)組或者對(duì)象的值作為排序基數(shù)對(duì)數(shù)組或的元素進(jìn)行排序2015-12-12JS實(shí)現(xiàn)頁(yè)面數(shù)據(jù)無(wú)限加載
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)頁(yè)面數(shù)據(jù)無(wú)限加載,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09擴(kuò)展js對(duì)象數(shù)組的OrderByAsc和OrderByDesc方法實(shí)現(xiàn)思路
js的擴(kuò)展方法是基于原型的,如Array.prototype.XXXX就是給Array擴(kuò)展XXX方法,然后數(shù)組都能使用這個(gè)方法了,在對(duì)象數(shù)組里面經(jīng)常有根據(jù)屬性來(lái)進(jìn)行排序的,升序,降序的,下面與大家分享自己寫(xiě)的一個(gè)2013-05-05javascript實(shí)現(xiàn)textarea中tab鍵的縮排處理方法
這篇文章主要介紹了javascript實(shí)現(xiàn)textarea中tab鍵的縮排處理方法,涉及javascript處理鼠標(biāo)事件及頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-06-06微信小程序wxss如何引用外部CSS文件以及iconfont
這篇文章主要給大家介紹了關(guān)于微信小程序wxss如何引用外部CSS文件以及iconfont的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03