Adding an image after certain href with jQuery

Question

I'm trying to add a pdf.png to the beginning of every link that ends with .pdf with the following code:

$("a[href$=.pdf]").prepend('img src=/PATH/TO/THE/IMAGE/pdf.png');

but it's not doing the trick.

When I debug it with:

$("a[href$=.pdf]").click(function(){
    alert("I am an alert box");
    $(this).hide();
    });
});

it doesn't event pop the alert box out. I've taken a look at other questions in stackoverflow and it should work but aparently it doesn't. Could anyone help me on this?

Answer 1

You are missing out the single quotes . Please read more about it over here. endswith selector . And also you need to wrap the tag name inside a pair of angular brackets (ex: <div/>) while your are creating a new element , Your code does not contains that part too.

Try this,

$("a[href$='.pdf']").prepend('<img src="/PATH/TO/THE/IMAGE/pdf.png"/>');

DEMO