使用jquery为所有链接添加pdf图标

Question

我在html页面中有超过1K的链接，如何使用jquery在链接之前添加pdf图标。

由于 让

[更新] @pekka 我添加了图标，图标显示，但它位于文本极右侧。我无法使用左侧或左侧填充图标移动图标，因为图标被放置为背景图像。使用left：或padding-left移动链接。

Answer 1

使用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 */
   }

如果您的图标高度与链接的高度不同，请使用padding-top / padding-bottom或line-height进行调整。

Answer 2

这可以在不使用JQuery的情况下完成。

a[href$='.pdf'] // this is for all the link which end .pdf extension. so you don;t need jquery  
{  
padding-left: 20px;  
background: url(images/icon_pdf.gif) center left no-repeat;  
}