首页 > 解决方案 > 如何使用 jQuery 从图标 CSS 类名生成 PHP 数组?

问题描述

我正在尝试从 CSS 类名开发一个 PHP 数组生成器。

这里的CSS代码 -

.sli-user:before {
  content: "\e005";
}
.sli-people:before {
  content: "\e001";
}
.sli-user-female:before {
  content: "\e000";
}

这是我的 jQuery 代码 -

$("#generate").on("click",function(){
        $output = '';
        $icon_class    = $('#input_str').val();

        $icon_class = $icon_class.replace(/\./g, ' ');
        $icon_class = $icon_class.replace(/(\r\n|\n|\r)/gm,"");
        $icon_class = $icon_class.replace(/\s/g, '');


        $arr = $icon_class.split(':before');
        console.log($arr);
        for(i=0; i < $arr.length; i++){
            if ( $arr[i].length > 0 ) { 
                $output += "'"+$arr[i]+"' => '"+$arr[i]+"',\n";

            }
        }

        $('#output_str').val($output);
    });

这就是我想要的 -

'sli-user' => 'sli-user',
'sli-people' => 'sli-people',
'sli-user-female' => 'sli-user-female',

标签: phpjquerycss

解决方案


推荐阅读