Javascript 函数仅适用于一个变量

Question

我正在开发一个插件，但它现在只能工作一半了。问题是我从复选框中获取了一些变量，但该函数仅适用于复选框的最后一个选中的项目(在列表中)，不适用于其他项目。

我的代码:

jQuery(document).ready(function(){

  jQuery('#gap-filtedit input[type=button]').click(function(){
    jQuery('.filter-checkbox:checked').each(function() {
      getchecked = jQuery(this).data('rel');

      val = '[gap ';
      console.log(getchecked);

      jQuery('.' + getchecked).each(function(){
        val = val + getchecked + '=';
        name = jQuery(this).find('label').data('id');
        title = jQuery(this).find('input[type=text],select').val();

        if (!title) title = '';
        if (name != 'null') {

          val = val + name + ':' + title + ', ';

        }
      });
    });


    window.send_to_editor( val );
  });
});

日志将为我提供所选选项。但是，console.log 之后的函数仅适用于行中最后一个选定的项。

如何让该功能适用​​于每个选定的项目？

Answer 1

在 .each 语句中执行该函数:

jQuery(document).ready(function(){

        jQuery('#gap-filtedit input[type=button]').click(function(){
            jQuery('.filter-checkbox:checked').each(function() {
                    getchecked = jQuery(this).data('rel');

            val = '[gap ';
            console.log(getchecked);

jQuery('.' + getchecked).each(function(){   
        val = val + getchecked + '=';                      
        name = jQuery(this).find('label').data('id');
        title = jQuery(this).find('input[type=text],select').val();     

                    if (!title) title = '';
                        if (name != 'null') {

                val = val + name + ':' + title + ', ';
                window.send_to_editor( val );

                            }
                        });
                    });



                });
            });