如何获取所有包含 icon-(icon-name） 并附加 <span class=“glyp + icon-name”

How to get all classes that contain icon-(icon-name) and append <span class="glyp + icon-name"></span>

本文关键字：icon-name span class glyp 获取 何获取 包含 icon-      更新时间：2023-09-26
$('a[class*=icon-]').append("<span class='glyphicon glyph'></span>");

使用我现在拥有的代码，我可以转向：

<a class="btn icon-edit"><a>

到

<span class="glyphicon glyph><span>
<a class="btn icon-edit %>

但是我想将选定的类"图标编辑"附加到 span 类中。因为我想要这样的东西：

var icon-name = $('a[class*=icon-]')
$('a[class*=icon-]').append("<span class='glyphicon glyph + icon-name'></span>");

要获得此结果，请执行以下操作：

<span class="glyphicon glyphicon-edit><span>
<a class="btn icon-edit %>

小提琴：https://jsfiddle.net/y9uvj91g/

您可以使用 

$('a[class*=icon-]').before(function () {
    //create a span for each anchor matching the selector with the class name
    return $('<span />', {
        'class': 'glyphicon glyphicon-' +this.className.match(/icon-([^'s]+)/)[1]
    }).get();
});

演示：小提琴

" 这不见了。它的工作现在试试吧。

$('a[class*="icon-"]').append("<span class='glyphicon glyph'></span>");

您也可以尝试此操作，只是为了一个选项。 

$(function(){
 var icon_name = $('a[class*=icon-]');
 var i_val = icon_name.attr('class').substr(icon_name.attr('class').indexOf("-") + 1);
icon_name.before("<span class='glyphicon glyph-"+i_val+"'></span>"); 
});
相关文章：