웹 프론트엔드 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(!obj .getAttribute("clickCount")){
obj.setAttribute("clickCount", 0);
} else {
count =parseInt(obj.getAttribute("clickCount"))
count ;
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 = table. parentNode
} 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;
break
}
}
var 열 = table.rows(1) .cells.length;
var row = table.rows.length;
var Ar = new Array(row - 1)
for (x = 0; x < row - 1; x )
Ar[x] = 새 배열(열);
}
for (x = 1; x < row; x ) {
for (y = 0; y < 열; 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 < 행 - 1; x ) {
for (y = 1; 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] = 임시
}
} else {
if (parseInt(Ar[y - 1][colNum]) <=parseInt(Ar[y][colNum])) {
Ar[y - 1] = Ar[y];
Ar[y] = temp;
}
}
}
for (x = 1; x for (y = 0; y 테이블 .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 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

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 양식 처리: 양식 데이터 정렬 및 순위 지정 웹 개발에서 양식은 일반적인 사용자 입력 방법입니다. 사용자로부터 양식 데이터를 수집한 후에는 일반적으로 데이터를 처리하고 분석해야 합니다. 이 기사에서는 사용자가 제출한 데이터를 더 잘 표시하고 분석하기 위해 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 유형을 사용하는 것이 좋습니다.

인덱스를 통해 PHP 및 MySQL에서 데이터 정렬 및 데이터 그룹화의 효율성을 최적화하는 방법은 무엇입니까? 인덱스를 통해 PHP 및 MySQL에서 데이터 정렬 및 데이터 그룹화의 효율성을 최적화하는 방법은 무엇입니까? Oct 15, 2023 pm 04:00 PM

인덱스를 통해 PHP 및 MySQL에서 데이터 정렬 및 데이터 그룹화의 효율성을 최적화하는 방법은 무엇입니까? 웹 애플리케이션을 개발하는 과정에서 데이터를 정렬하고 그룹화해야 하는 경우가 종종 있습니다. PHP와 MySQL 간의 데이터 정렬 및 데이터 그룹화 작업의 경우 인덱스를 통해 효율성을 최적화할 수 있습니다. 인덱스는 데이터 검색 속도를 높이는 데 사용되는 데이터 구조입니다. 데이터 정렬, 그룹화 및 조회 작업 속도를 높입니다. 아래에서는 인덱스를 통해 PHP와 MySQL의 데이터 정렬 및 데이터 그룹화를 최적화하는 방법을 소개합니다.

Java 선택 정렬 알고리즘의 구현 방법에 대한 자세한 설명 Java 선택 정렬 알고리즘의 구현 방법에 대한 자세한 설명 Feb 20, 2024 am 10:47 AM

Java 선택 정렬 코드 세부 설명 및 구현 방법 선택 정렬(SelectionSort)은 각 패스에서 정렬할 데이터 요소 중 가장 작은(또는 가장 큰) 요소를 선택하는 간단하고 직관적인 정렬 알고리즘입니다. 정렬할 모든 데이터 요소가 정렬될 때까지 시퀀스의 시작 부분입니다. 선택 정렬 방법의 가장 큰 장점은 아이디어가 간단하고 구현이 용이하며 추가 저장 공간이 필요하지 않아 일부 간단한 정렬 문제에서 좋은 성능을 보인다는 것입니다. 아래에서는 선택 항목에 대해 자세히 설명합니다.

Oracle 데이터베이스 콘텐츠를 보는 방법 Oracle 데이터베이스 콘텐츠를 보는 방법 Apr 19, 2024 am 02:57 AM

Oracle 데이터베이스의 내용을 보는 방법에는 여러 가지가 있습니다. SQL Developer: 데이터베이스 내용을 쿼리하고 찾아보고 관리하기 위한 그래픽 도구입니다. SQL Plus: SQL 명령을 실행하기 위한 명령줄 도구입니다. Toad: 데이터베이스 보기, 관리 및 개발을 위한 상용 도구입니다. SQL 쿼리: select, where, group by, order by 등의 SQL 쿼리를 사용하여 특정 데이터를 볼 수 있습니다.

앱토스 가격 예측 2024-2030 앱토스 가격 예측 2024-2030 Mar 20, 2024 am 11:35 AM

2023년 7월 현재 앱토스는 시장 혼란과 지속적인 약세 추세에도 불구하고 35위를 유지하고 있습니다. 가치 하락에도 불구하고 장기 패턴의 돌파는 단기적인 반등으로 이어질 수 있습니다. 시장 상황은 APT의 진행 상황에 큰 영향을 미칠 것이며, 가격은 2024년까지 평균 16.6달러가 될 것으로 예상됩니다. 2025년에 예상되는 기술 발전은 앱토스의 밝은 미래를 암시합니다.

See all articles