如何使用jQuery从图标CSS类名生成PHP数组？

Question

我正在尝试从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',