jquery - 後で操作するために特定の要素を保存する

Question

特定の要素の選択を切り替えようとしています。選択に基づいて要素を非表示にしてから、まったく同じ要素を表示したいと思います。このコードを使用しようとしましたが、表示されている行を再確認しているように見えるため、行が「表示」されません。

jQuery(function($){
        $('input[id^=_cmb_api_use_defaults_]').click(function(){
                var $rows = $(this).parents('tr:first').nextAll('tr:visible');
                if($(this).is(':checked')){
                        $rows.hide();
                } else {
                        $rows.show();
                }
        });
});

これらの特定の要素を保存して、後でまったく同じテーブル行を操作できるようにするにはどうすればよいですか？

Answer 1

関数の外部で宣言された変数を使用するだけです。

jQuery(function($){
        $('input[id^=_cmb_api_use_defaults_]').each(function(i, input) {
            var $rows = $(input).parents('tr:first').nextAll('tr:visible');
            $(input).click(function() {
                    if($(this).is(':checked')){
                            $rows.hide();
                    } else {
                            $rows.show();
                    }
            });
        });
});