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

但我想附加所选的课程＆＃34; icon-edit＆＃34;到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/

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

Answer 2

＆＃34;＆＃34;这是失踪的。它的工作现在尝试。

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

Answer 3

你也可以尝试这个，只是为了一个选项。

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

如何获取包含icon-（icon-name）的所有类并附加<span class =“glyphicon-name”> </span>

3 个答案: