Question

I am using ligatures.js to replace text within my site with the ligature of some character combinations. For instance, the ‘fi’ in ‘five’.

Here is my example: http://jsfiddle.net/vinmassaro/GquVy/

When you run it, you can select the output text and see that the ‘fi’ in ‘five’ has become one character as intended. If you copy the link address and paste it, you will see that the href portion has been replaced as well:

/news/here-is-a-url-with-%EF%AC%81ve-ligature

This is unintended and breaks the link. How can I make the replacement on JUST the text of the link but not the href portion? I’ve tried using .text() and .not() with no luck. Thanks in advance.

Answer 1

I think you can solve it using the appropiate jQuery selectors

$('h3 a, h3:not(:has(a))')
  .ligature('ffi', 'ffi')
  .ligature('ffl', 'ffl')
  .ligature('ff', 'ff')
  .ligature('fi', 'fi')
  .ligature('fl', 'fl');

See http://jsfiddle.net/GquVy/7/