Jquery处理一个字符串来分隔像'value1','value2','value3'等项目

时间:2016-09-01 10:48:34

标签: jquery string join split

我有这个jquery脚本,我从页面获取div类并使用它们预先选择复选框。

一切正常,除非我没有得到函数“className”中的值我需要一个列表,如:'value1','value2','value3'。

如果只有1个值,那么我需要获取列表: 'VALUE1'

谁能告诉我如何解决这个问题?我到处搜索split()和join()示例,但找不到解决方案。

谢谢。

                        <script>            
                            (function($) { 
                            $(document).on('facetwp-refresh', function() {

                            if (! FWP.loaded && '' == FWP.build_query_string()  ) { 

                                    //I get list of CSS class names from a specific div holder on the page                      
                                    var classNames = $("#myDiv").attr("class").toString().split('.');
                                    $.each(classNames, function (i, className) {


                                    // Note: Here is where I would like a list like this crated. Basically in "className" value I need: 'running', 'spa', 'swimming-pool' 
                                    FWP.facets['facilities'] = [className]; 
                                    console.log( className );

                // This would be my manual way of me solving this issue but I would like to use a string to get this done cleanly.
                //                  if ( $("#myDiv").hasClass("value1")  ){                     
                //                      FWP.facets['facilities'] = ['value1'];  
                //                      
                //                  }               
                //                  if ( $("#myDiv").hasClass("value1 value2")  ){                      
                //                      FWP.facets['facilities'] = ['value2', 'value1'];    
                //                  }               
                //                  if ( $("#myDiv").hasClass("value2")  ){                     
                //                      FWP.facets['facilities'] = ['value2'];  
                //                  }
                //                  if ( $("#myDiv").hasClass("value1 valueg value3 value4")  ){                        
                //                      FWP.facets['facilities'] = ['value2', 'value1', 'value3', 'value4'];    
                //                  }               
                        });     
                            }       


                            });
                            })(jQuery);
                            </script>

编辑1:

所以我能够以我想要的格式获取字符串,但它不是选中复选框。

这就是我现在所拥有的......

            <script>            
                    (function($) { 

                    $(document).on('facetwp-refresh', function() {

                    if (! FWP.loaded && '' == FWP.build_query_string()  ) { 

                            var classNames = $("#myDiv").attr("class").toString().split(" ").join("', '");

                                FWP.facets['facilities'] = ["'" + classNames + "'"];    
                                console.log( "'" + classNames + "'");   
                    }       


                    });
                    })(jQuery);
        </script>

我现在在控制台中得到这个结果:'value1','value2','value3'

0 个答案:

没有答案