jQuery reemplaza a “small-caps” – El contenido está duplicando HTML entre tags

Encontré este bit HOT de jQuery que realmente te permite replicar “font-variant: small caps”. Normalmente no es un problema, pero estoy usando @ font-face y poco sabía que no funciona bien con font-variant-small-caps en Chrome, Safari, IE. Para abreviar, el código está funcionando DULCE, pero tiene un inconveniente: por alguna razón, está buscando la primera cadena de texto que está entre corchetes y luego esa cadena de texto se repite más tarde.

ejemplo … el código dice:

I'm the FIRST heading

I'm SECOND

es alterado por el script para producir esto:

 

I'm the FIRST heading

I'm the FIRST heading

Aquí está el código que está haciendo magia en 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); }); 

Tratar:

 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); });