jQuery取代“小型大写字母” – 内容是在标签之间复制HTML

我发现这个热点的jQuery实际上允许你复制“font-variant：small caps”。 通常不是问题，但我正在使用@ font-face而且我知道它与Chrome，Safari，IE中的font-variant-small-caps不能很好地兼容。 简而言之，代码正在运行SWEET，但它有一个缺点 – 由于某种原因，它正在搜索第一个被括起来的文本字符串，然后该文本字符串将在以后重复

示例…代码说：

I'm the FIRST heading
 
I'm SECOND 

由脚本改变产生这个：

 
I'm the FIRST heading
 
I'm the FIRST heading 

这是在jQuery中发挥作用的代码：

  jQuery(document).ready(function($) { var text = $('h3.small-caps').html(); $('h3.small-caps').html(text.replace(/\b([A-Za-z0-9])/g,'$1')); $('.caps').css('font-size',50); }); 

Answer 1

尝试：

 jQuery(document).ready(function($) { $('h3.small-caps').each(function() { var $this = $(this); var text = $this.html(); $this.html(text.replace(/\b([A-Za-z0-9])/g,'$1')); }); $('.caps').css('font-size',50); });