ホームページ ウェブフロントエンド jsチュートリアル html_javascriptスキルでテーブルデータをソートするためのjsコード

html_javascriptスキルでテーブルデータをソートするためのjsコード

May 16, 2016 pm 06:03 PM
table データの並べ替え

ちなみに、innerText と innerHTML に注目してください

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

function sortCells(event ) {
var obj =event.target;
var count = 0; 奇数と偶数に従って昇順または降順でクリック数を記録します
if(! .getAttribute("clickCount")){
obj.setAttribute("clickCount", 0);
} else {
count = parseInt(obj.getAttribute("clickCount")); ;
obj.setAttribute("clickCount ", count);
var table =event.target.parentNode.parentNode;
if(table.nodeName.localeCompare("THEAD") 0){
if(table.parentNode.nodeName.localeCompare("TABLE") == 0){
table = table.parentNode;
} else {
return; 🎜>} else if(table.nodeName. localeCompare("TBODY") == 0){
if(table.parentNode.nodeName.localeCompare("TABLE") == 0){
table = テーブル。親ノード;
} else {
return;
}
} else if(table.nodeName.localeCompare("TABLE") == 0){
} else {
return;
}
var colNum;
for(x = 0; x < table.rows(1).cells.length; x ){
if(event.target.innerText.localeCompare(table) .rows(0).cells[x] .innerText) == 0){
colNum = x;
}
}
var 列 = table.rows(1) .cells.length;
var row = table.rows.length;
var Ar = new Array(row - 1);
for (x = 0; x Ar[x] = 新しい配列 (列);
}
for (x = 1; x for (y = 0; y Ar[x - 1 ][y] = table.rows(x).cells(y).innerHTML;
}
}
///これにより、ローカライズされた文字列の並べ替えを実行できます。
/* if((count %2) == 0){
Ar.sort(function(a, b) {
return b[colNum].localeCompare(a[colNum])
});
} else {
Ar.sort(function(a, b) {
return a[colNum].localeCompare(b[colNum])
}); /
var temp;
for (x = 0; x for (y = 1; y temp = Ar[y - 1];
if((count % 2) == 0){
if (parseInt(Ar[y - 1][colNum]) >= parseInt(Ar[y][colNum] ])) {
Ar[ y - 1] = Ar[y];
Ar[y] = temp;
}
} else {
if (parseInt(Ar[y - 1][colNum]) <= parseInt(Ar[y][colNum])) {
Ar[y - 1] = Ar[y]
Ar[y] = temp;
}
}
}
for (x = 1; x < row; x ) {
for (y = 0; y table .rows(x).cells(y ).innerHTML = Ar[x - 1][y]
}
}
カウント
}

;
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ETファイルにアクセスする方法 ETファイルにアクセスする方法 Feb 18, 2024 pm 08:46 PM

ET ファイルは非常に一般的なファイル形式で、通常は WPS ソフトウェアのテーブル エディターによって生成されます。 ET ファイルに入る前に、まず ET ファイルとは何かを理解し、それを開いて編集する方法について説明します。 ET ファイルは、Microsoft Excel の XLS または XLSX ファイルに似た、WPS スプレッドシート ソフトウェアのファイル形式です。 WPS スプレッドシートは、データ処理、データ分析、グラフ作成のための Excel のような機能を提供する強力なスプレッドシート ソフトウェアです。

PHP フォーム処理: フォーム データの並べ替えとランキング PHP フォーム処理: フォーム データの並べ替えとランキング Aug 09, 2023 pm 06:01 PM

PHP フォーム処理: フォーム データの並べ替えとランク付け Web 開発では、フォームは一般的なユーザー入力方法です。ユーザーからフォーム データを収集した後、通常はデータを処理して分析する必要があります。この記事では、PHP を使用してフォーム データを並べ替えてランク付けし、ユーザーが送信したデータをより適切に表示および分析する方法を紹介します。 1. フォームデータの並び替え ユーザーから送信されたフォームデータを収集する際、データの順序が必ずしも当社の要件を満たしていないことが判明する場合があります。特定のルールに従って表示または分割する必要があるもの

PHP マルチスレッドで大規模データのソート速度を向上させる方法 PHP マルチスレッドで大規模データのソート速度を向上させる方法 Jun 29, 2023 pm 04:15 PM

PHP マルチスレッドで大規模データのソート速度を向上させる方法 インターネットの急速な発展とビッグデータの普及に伴い、大規模データを処理する需要も高まっています。その中でも共通の課題であるデータソートについては、いかに処理速度を向上させるかが喫緊の課題となっている。 PHP の分野では、マルチスレッド技術が効果的なソリューションと考えられています。この記事では、PHPのマルチスレッド化により大規模データのソートを高速化する方法を紹介します。 1. マルチスレッドの原理 マルチスレッドとは、複数のスレッドが同時に存在し、異なるタスクを同時に実行できることを指します。

mysqlでのcharの使用 mysqlでのcharの使用 Apr 27, 2024 am 09:09 AM

CHAR データ型は、固定長テキスト データを MySQL に保存するために使用されます。これにより、データの一貫性が確保され、クエリのパフォーマンスが向上します。このタイプは、データ長を 0 ~ 255 文字で指定します。これはテーブルの作成時に指定され、同じ列のすべての行に対して一定のままです。可変長データの場合は、VARCHAR 型を使用することをお勧めします。

Java選択ソートアルゴリズムの実装方法の詳細説明 Java選択ソートアルゴリズムの実装方法の詳細説明 Feb 20, 2024 am 10:47 AM

Java 選択ソート コードの詳細な説明と実装方法 選択ソート (SelectionSort) は、シンプルで直観的なソート アルゴリズムです。その基本的な考え方は、各パスでソートされるデータ要素から最小 (または最大) の要素を選択することです。ソート対象のすべてのデータ要素が配置されるまで、シーケンスの先頭から開始します。選択ソート法の主な利点は、アイデアがシンプルで実装が簡単で、追加の記憶域を必要としないため、いくつかの単純なソート問題で優れたパフォーマンスを示すことです。以下で選び方を詳しく解説していきます

インデックスを使用して、PHP および MySQL でのデータの並べ替えとデータのグループ化の効率を最適化するにはどうすればよいですか? インデックスを使用して、PHP および MySQL でのデータの並べ替えとデータのグループ化の効率を最適化するにはどうすればよいですか? Oct 15, 2023 pm 04:00 PM

インデックスを使用して、PHP および MySQL でのデータの並べ替えとデータのグループ化の効率を最適化するにはどうすればよいですか? Web アプリケーションの開発プロセスでは、データを並べ替えてグループ化することが必要になることがよくあります。 PHP と MySQL の間でのデータの並べ替えおよびデータのグループ化操作については、インデックスを使用して効率を最適化できます。インデックスは、データの検索を高速化するために使用されるデータ構造です。データの並べ替え、グループ化、検索操作が高速化されます。以下では、インデックスを使用して PHP と MySQL のデータの並べ替えとデータのグループ化を最適化する方法を紹介します。

アプトスの価格予測 2024 ~ 2030 年 アプトスの価格予測 2024 ~ 2030 年 Mar 20, 2024 am 11:35 AM

2023年7月の時点で、市場の混乱と継続的な弱気傾向にもかかわらず、アプトスは依然として35位にランクされています。その価値は低下していますが、長期的なパターンを抜け出せば短期的な反発につながる可能性があります。市場状況は APT の進歩に大きく影響し、価格は 2024 年までに平均 16.6 ドルになると予想されます。 2025 年に予想される技術の進歩は、アプトスの明るい未来を示唆しています。

WPSモバイル版テーブルをワン操作で簡単に並べ替える方法 WPSモバイル版テーブルをワン操作で簡単に並べ替える方法 Feb 09, 2024 pm 08:06 PM

WPS モバイル版でテーブル文書を処理する場合、データを降順または昇順に並べ替える必要がよくありますが、初心者が初めて WPS モバイル版を使用する場合、データの並べ替え操作をどのように実行すればよいでしょうか? 以下に説明します。 【並べ替え方法】 まず表文書を開き、並べ替えたいデータを選択します。次に、上の[データ]をクリックし、その中にある[昇順]または[降順]を選択します。降順を例にすると、内部のデータがソートされますが、もちろん昇順でも同様です。

See all articles