jQuery按属性名称选择每个此值开头的文本

Question

通过某个属性名称选择元素，在这种情况下为“ icon”：

<a href="#" icon="one.png">link</a>
<a href="#" icon="two.png">link</a>
<a href="#" icon="three.png">link</a>

然后对每个元素，在<span>添加元素属性值的文本，
例：

<span>one.png</span><a href="#" icon="one.png">link</a>
<span>two.png</span><a href="#" icon="two.png">link</a>
<span>three.png</span><a href="#" icon="three.png">link</a>

怎么做？

Answer 1

尝试将.before()与接收函数一起使用以完成任务，

$('a[icon]').before(function(){
  return $("<span>", {text: $(this).attr('icon')});
})

DEMO

Answer 2

尝试这个 ：

$('a[icon]').each(function(){
   $(this).before('<span>'+$(this).attr('icon')+'</span>');
});

演示

Answer 3

试试这个

$('a[icon]').each(function(){
   $(this).before('<span>'+$(this).attr('icon')+'</span>') 
});

DEMO

Answer 4

尝试这个：

$('a[icon]').each(function(){
   $('<span />', { text : this.getAttribute('icon') }).insertBefore(this);
});