ホームページ >ウェブフロントエンド >jsチュートリアル >JQueryテーブルのマージの問題sharing_jquery

JQueryテーブルのマージの問題sharing_jquery

WBOY
WBOYオリジナル
2016-05-16 18:02:111016ブラウズ

ここでは Jquery ライブラリを使用します。これについてはあまり紹介する必要はありません。いくつかの知識ポイントがあります。
- セレクター tr:eq(index)。これは、指定されたインデックスの tr 要素を選択することを意味します。インデックスは 0 から始まります
- tempRow.parent()、tempRow オブジェクトの親ノード オブジェクトを返すことを意味します
- $("

").prependTo()、つまり td を追加します要素を指定した要素のコンテンツ先頭に
コード例
index.html
コードをコピー コードは次のとおりです以下:



































































































课别 班别 班次 出勤時間
陈伟勋 一班制 白班 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


var Grid = $("#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 {
$("").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 までご連絡ください。