ホームページ >ウェブフロントエンド >jsチュートリアル >テーブルとテーブル columns_jquery の非表示と表示に関する jquery のディスカッション

テーブルとテーブル columns_jquery の非表示と表示に関する jquery のディスカッション

WBOY
WBOYオリジナル
2016-05-16 17:31:141167ブラウズ

1. 指定テーブルの指定列の非表示・表示について

コードをコピー コードは以下の通りです:

$(" :checkbox[name*=month]").each(function(){
if(!$(this).attr("checked")){
varcolnum = $(this).val() ;
$("#listPage").find('tr').find("td:eq("colnum.toString() ")"); 🎜>$("#listPage" ).find('tr').find("th:eq("colnum.toString() ")").hide();
} else {
varcolnum = $(this).val( );
$("#listPage").find('tr').find("td:eq("colnum.toString() ")").show();
$("#listPage ").find('tr').find("th:eq("colnum.toString() ")").show();
}
});

または:

コードをコピー コードは次のとおりです:
$(document).ready(function( ){
$("td:eq(2)",$("tr")).hide();
$("td:eq(3) )",$("tr")).hide();
$("td:eq(4)",$("tr")).hide();
$("#button1" ).click(function(){
$("td:eq(2)",$("tr")).toggle(1000); //アニメーションなしを示すには 0 に設定し、表示または非表示にするには 1000 に設定します1 秒以内
$("td:eq(3)",$("tr")).toggle(1000);
$("td:eq(4)",$("tr") ).toggle(1000);
});


2. テーブル内の列の数を取得します。
コードをコピー

} else {
$("input[value=" i "]").attr("チェック済み",true);
}


3. jquery の場合 可視要素を検索したい場合は、次を使用します:visible
たとえば、 $("tr:visible")
非表示の要素を見つけるには、
$("tr:not(':visible')") を使用します。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。