Select 的 FontAwesome 图标的完整列表
Complete list of FontAwesome Icons for Select
我正在尝试使用 FontAwesome 图标的完整 (v 4.2) 列表填充 Select 下拉菜单。我能找到的最接近的列表是 here,但它已经过时了。谁有可以推荐给我的清单?
此 URL: http://fortawesome.github.io/Font-Awesome/icons/ 包含所有图标的列表。虽然它不是您描述的格式,但我们可以使用一些 jquery 将其转换为您想要的格式:
$.map($("h2").map(function(){
var a = $(this).nextAll(".row:first").find("a").map(function(){
return $(this).attr('href').split("/").slice(-1)[0];
});
return {title: $(this).html(), options: a}
}), function(object){ return "<optgroup label='"+object.title+"'>"+$.map($.unique(object.options), function(option){ return "<option>"+option+"</option>"; }).join("")+"</optgroup>"; }).join("");
生成此列表:http://pastebin.com/NQ1S7RJF
(请记住这是一个独特图标列表 - 它不会包含,例如:file-sound-o
,因为它是 file-audio-o
的别名)
我正在尝试使用 FontAwesome 图标的完整 (v 4.2) 列表填充 Select 下拉菜单。我能找到的最接近的列表是 here,但它已经过时了。谁有可以推荐给我的清单?
此 URL: http://fortawesome.github.io/Font-Awesome/icons/ 包含所有图标的列表。虽然它不是您描述的格式,但我们可以使用一些 jquery 将其转换为您想要的格式:
$.map($("h2").map(function(){
var a = $(this).nextAll(".row:first").find("a").map(function(){
return $(this).attr('href').split("/").slice(-1)[0];
});
return {title: $(this).html(), options: a}
}), function(object){ return "<optgroup label='"+object.title+"'>"+$.map($.unique(object.options), function(option){ return "<option>"+option+"</option>"; }).join("")+"</optgroup>"; }).join("");
生成此列表:http://pastebin.com/NQ1S7RJF
(请记住这是一个独特图标列表 - 它不会包含,例如:file-sound-o
,因为它是 file-audio-o
的别名)