我有这个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'