Question

I want to append a code after all links with mp3 extension in a specific div.

Here is the code I am trying :

$("#Temp_Div").find('a[href$="mp3"]').append('<a class="mp3play" href="javascript:Play('+ $(this).href +');"></a>');

The problem is $(this).href It doesn’t return the href of link. it returns undefined

Answer 1

If this is a DOM object you should just be using:

this.href

The (more verbose, less efficient) jQuery way of writing it would be:

$(this).attr('href');

In any event, the .append() call won’t work as written because this isn’t actually being set at all.

You need to call .each() with the matched elements with a callback function. jQuery will then ensure that this is set to the current DOM object.

Like this:

$("#Temp_Div").find('a[href$="mp3"]').each(function() {
    $(this).append('<a class="mp3play" href="javascript:Play('+ this.href +');" />');
});