質問: defaultNum; }); }); }); ``` ### 試したこと ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。 絞り込みを行っているそれぞれのタブの内容の表示数を調整したいです。
回答: 元のスクリプトだとタブを絞り込む関数がロード時しか読み込まれないので、記事本数の調節ができなくなっています。ですので、ロード時と記事選択のクリックイベント発生時にタブを絞り込むようにしないといけません。 また、自分が作ってみたサンプルをリンクしておきます。クラス名とリンク名が紐付いているので、あとはそのクラスの記事のうち、上位3回だけをループすれば簡単に取得できますよ。 タブコンテンツのテスト ``` $(function(){ /*------------------ 表示する数の調整 --------------------*/ // tabBtnとselClassは同じ値なので紐づけできる //絞り込みを行う関数 displayTopics = function(selClass){ $("#number_list").each(function(){ $('.main-contents > li').hide(); //最初に全要素を隠す for( var num = 0; num < 3 ; num++){ $("." + selClass).eq(num).show(); //該当するクラスに対し、表示させたい3回だけ回す } }) } /*---------------- タブ内容の絞込み ------------------*/ $('.main-contents > li').addClass('js-filter-all'); displayTopics('js-filter-all'); //ロード時の絞り込み //イベント時の絞り込み $('.main-top > li a').click(function(){ var tabBtn = $(this).attr('href'); displayTopics(tabBtn); return false; }); }); ```