찾다

집  >  기사  >  웹 프론트엔드  >  Jquery 테이블 병합 문제 Sharing_jquery

Jquery 테이블 병합 문제 Sharing_jquery

WBOY
WBOY원래의
2016-05-16 18:02:11999검색

여기서는 너무 많이 소개할 필요가 없는 Jquery 라이브러리를 사용합니다. 몇 가지 지식 포인트가 있습니다:
- 선택기 tr:eq(index), 이는 지정된 인덱스 인덱스가 있는 tr 요소를 선택하는 것을 의미합니다. 인덱스는 0부터 시작합니다.
- tempRow.parent(), 이는 tempRow 객체의 상위 노드 객체 반환을 의미합니다.
- $("").prependTo(), 이는 td 추가를 의미합니다. 요소를 지정된 요소의 콘텐츠 헤드에
예제 코드
index.html

코드 복사 코드는 다음과 같습니다. 다음:


<머리>




<본문>




























































































<스크립트>
vargrid = $("#gridview");
var rowCount = Grid.find("tr").length - 1;
var flagRow = Grid.find("tr:eq(" rowCount ")").find("td:eq(0)").html();
var sp = 0;
for(var i = rowCount; i >=0; i--) {
var tempRow = Grid.find("tr:eq(" i ")");
if(flagRow == tempRow.find("td:eq(0)").html()) {
tempRow.find("td:eq(0)").remove();
}
else {
$("
课别 班别 班次 출판
陈伟勋 일제 白班 2011-09-09
陈伟勋 일제 夜班 2011-09-09
陈伟勋 两班제 白班 2011-09-09
陈伟勋 两班제 白班 2011-09-09
陈伟勋 两班제 夜班 2011-09-09
陈伟勋 삼국제 早班 2011-09-09
陈伟勋 삼국제 중간 2011-09-09
陈伟勋 삼국제 晚班 2011-09-09
张文军 일제 白班 2011-09-09
张文军 两班제 白班 2011-09-09
张文军 两班제 白班 2011-09-09
张文军 两班제 夜班 2011-09-09
张文军 삼국제 夜班 2011-09-09
张文军 삼국제 중간 2011-09-09
").attr("rowspan", rowCount-i-sp).html(flagRow).prependTo(tempRow.parent(). find("tr:eq(" (i 1) ")"));
flagRow = tempRow.find("td:eq(0)").html();
sp = rowCount-i;
if(i != 0) {
tempRow.find("td:eq(0)").remove();
}
}
}




Jquery 코드 주석 처리 렌더링

실행 중인 Jquery 코드 렌더링


요약
코드가 너무 엉성해서 간단하게 메모만 했습니다. 최근에는 몇몇 Jquery 플러그인과 Discuz 플러그인을 정리하고 작성하느라 바빴습니다. 그리고 PyQt는 앞으로 컴파일되고 출판되지 않았습니다. 아쉽게도 시간이 부족해서 시간만 투자할 수 있습니다. Jquery는 내장된 Sizzle 선택기를 사용하면 속도가 더욱 빨라진 것 같습니다. 이제 버전이 1.6으로 개선되었으면 좋겠습니다.

성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：최신 10개의 jQuery 콘텐츠 슬라이더 플러그인 shared_jquery다음 기사：최신 10개의 jQuery 콘텐츠 슬라이더 플러그인 shared_jquery

관련 기사

더보기