A Web Design Community curated by Chris Coyier

Code Snippets Gallery

Code Snippets > jQuery > Automatically Discover Document Links And Apply Class Submit one!

Automatically Discover Document Links And Apply Class

$('a[href]').each(function() {
   if((C = $(this).attr('href').match(/[.](doc|xls|pdf)$/))) {
       $(this).addClass(C[1]);
   }
});

This will look through every a element on the page. If the href attribute of it has a .doc, .xls, or .pdf in it, it will apply the appropriate class name to it (e.g. class="doc")

2 Responses

  1. Mike says:

    Works like a champ!

  2. Nertus says:

    $(“a[href$='.doc']“).addClass(‘doc’);

Leave a Comment

Remember:
  • Be nice.
  • Wrap multiline code in <pre> and <code> tags and escape it first (turn <'s into &lt;'s).
  • You may use regular HTML stuff like <a href="">, <em>, and <strong>
* This website may or may not contain any actual CSS or Tricks.