テーブルの特定の列を非表示に制御するJavaScriptメソッド_JavaScriptスキル

この記事の例では、JavaScript を使用してテーブルの特定の列を表示しないように制御する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

1. テーブルコード

コードをコピー コードは次のとおりです:

cellpadding="3" cellpacing="1" bgcolor="#dfdfdf">

日付

メディア名

配布フォーム

露出数

暴露された人の数

クリック数

クリック数

クリック率

訪問数

バウンス数

アクセス深度

表示時間/秒

参加者数

業務担当者数

2. 権限に基づく js 制御

注: データが動的データの場合、割り当てが完了した後に td の表示を制御します。そうでない場合、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");
 });
}

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。