ホームページ > ウェブフロントエンド > jsチュートリアル > 表内の同じ内容を持つセルを結合する Javascript の例_JavaScript ヒント

表内の同じ内容を持つセルを結合する Javascript の例_JavaScript ヒント

WBOY
リリース: 2016-05-16 17:25:58
オリジナル
1479 人が閲覧しました

レンダリング:
表内の同じ内容を持つセルを結合する Javascript の例_JavaScript ヒント
HTML コード:

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





表格相同内容合并


合并前:









































































a 1 2 3 4 5
a 1 2 3 4 6
a 2 3 3 4
b 3 4 6 7
b 3 5 6 7
cc 2 3 4 5
cc 2 3 5 5
d 1 2 3 4
e 1 2 3 4


合并后:










































































a 1 2 3 4 5
a 1 2 3 4 6
a 2 3 3 4
b 3 4 6 7
b 3 5 6 7
cc 2 3 4 5
cc 2 3 5 5
d 1 2 3 4
e 1 2 3 4




JS:
复制代码代码如下:

< ;スクリプトタイプ="text/javascript">
function mc(tableId, startRow, endRow,col) {
var tb = document.getElementById(tableId);
if (col >= tb.rows[0].cells.length) {
return;
}
if (col == 0) { endRow = tb.rows.length-1; }
for (var i = startRow; i < endRow; i ) {
if (tb.rows[startRow].cells[col].innerHTML == tb.rows[i 1].cells[0] ].innerHTML) {
tb.rows[i 1].removeChild(tb.rows[i 1].cells[0]);
tb.rows[startRow].cells[col].rowSpan = (tb.rows[startRow].cells[col].rowSpan | 0) 1;
if (i == endRow - 1 && startRow != endRow) {
mc(tableId, startRow, endRow,col 1);
}
} else {
mc(tableId, startRow, i 0,col 1);
startRow = i 1;
}
}
}
mc('table1',0,0,0);

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート