javascript - 如何获取包含 icon-(icon-name) 并附加 的所有类

Question

$('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 %>

但我想将选定的类“icon-edit”附加到跨度类中。因为我想要这样的东西:

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 %> 

fiddle :https://jsfiddle.net/y9uvj91g/

Answer 1

你可以使用

$('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();
});

演示:Fiddle