ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jqueryを介してrowspanとcolspanを含むテーブルを復元する実装方法

jquery_jqueryを介してrowspanとcolspanを含むテーブルを復元する実装方法

WBOY
リリース: 2016-05-16 17:56:23
オリジナル
1405 人が閲覧しました

要件
rowspan と Colspan を含むテーブルを復元します。
たとえば、元のテーブルは次のとおりです:

復元されたテーブルは次のとおりです:

コード原則
td の rowspan 属性値が 1 より大きい場合、現在の td の親要素の兄弟要素に td を追加します。 td の値が 1 より大きい場合は、現在の td 要素の後に td
をコピーします。 コードは次のとおりです。 > // この記事の最初のブログ: http://artwl.cnblogs.com(2012/02/08)jQuery.fn.RevertTable=function(){ $("tr" ,this).each(function(trindex,triitem ){
$(triitem).find("td").each(function(tdindex,tditem){
var rowspanCount=$(tditem).attr( "行スパン");
var colspanCount= $(tditem).attr("colspan");
var newtd=""値 "";
if(rowspanCount>1){
varparent=$(tditem).parent("tr")[0];
while(rowspanCount-->) 1){
$(親).next().prepend(newtd);
親=$(親).next();
$(tditem).attr(" ",1);
}
if(colspanCount>1){
while(colspanCount-->1){
$(tditem).after(newtd);
}
$(tditem).attr("colspan ",1);
}
});
}


http://demo.jb51.net/js /2012/jquery_demo/jquery_rowspan_colspan_table.html

概要
この記事では、rowspan と Colspan を含むテーブルを復元するための解決策の 1 つだけを提供します。どなたでもご利用いただけます。テストして議論してください。
テーブルのセルの結合については、コードはすでにオンラインで入手可能です:
元のタイトル: セル ブレークを使用した jQuery の Colspan および rowspan テーブル
元のアドレス: http://willifirulais.blogspot.com/2007/07/ jquery-table-column-break.html
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート