Question

I have over 1K links in a html page, How do I add a pdf icon just before the link using jquery.

Thanks
Jean

[update]
@pekka
I have added the icon, the icon displays, but it is under the text extreme right. I cannot move the icon with left, or padding-left , because the icon is placed as background-image. Using left: or padding-left moves the links.

Answer 1

With CSS:

a { /* <---- or a class selector to limit the rule to some links */ 

      padding-left: 24px; /* or the width of your icon */
      background-image: url(....);
      background-repeat: no-repeat;
      background-position: left center; /* Adjust if needed */
   }

if your icon’s height differs from the links’ height, use either padding-top / padding-bottom or line-height to adjust.