String contains

Question

On my intranet page, I have links which end with .doc or .xls.

How do I use jQuery to check if they end with .xls so I can add a little javascript to those links

EDIT:

This does not work:

$("a.resultLink").live('click', function(event)
{
    // do something here
    // ...

    // change .doc link behaviour
    var anchor = $("a:contains('.doc')"); 
    if (anchor){ 
        event.preventDefault(); 
        alert("this is a doc");
    } 

    // do something else here
    // ...
});

Answer 1

Use the Attribute Ends With Selector [name$=value]. For example, to add the class excel_link to all links to files ending with .xls, you could do:

$("a[href$='.xls']").addClass("excel_link");

If you've already got the element, then you just want to do this:

$("a.resultLink").live('click', function(event)
{
    // do something here
    // ...

    // change .doc link behaviour
    var anchor = $(this); 
    if (anchor.attr("href").match(/\.doc$/){ 
        event.preventDefault(); 
        alert("this is a doc");
    } 

    // do something else here
    // ...
});

Answer 2

If its in the text you can use the CSS locator contains. The documentation is at http://api.jquery.com/contains-selector/

var anchor = $("a:contains('.xls')");
if (anchor){
  anchor.addClass("myNewClass"); // Change this to what every jQuery command that you want
}

if you have a number of these then

$("a:contains('.xls')").each(function(index){
   $(this).addClass("myNewClass");
});

Answer 3

standard javascript (regex) can do this:

if(str.match(/\.doc$/)) {dosomething();}

where str is the filename to check