jQuery this.attr on href undefined

Question

I am trying to retrieve the href attribute from a link. However, it keeps returning undefined.

This is the html, generated via ajax which I why the .on function does not work in jQuery

html += '<a class="viewOffer" href="singleOffer/'+ value.id + '">View offer</a></td>';

This is the jQuery function

$( ".viewOffer" ).click(function() {
 alert($(this).attr('href'));
});

Thanks!

when you say it keeps returning undefined, does that mean you are getting undefined in the alert? — Nitin Garg, Feb 20 '16 at 12:19

score 1 · Accepted Answer · answered Feb 20 '16 at 12:12

1

$( document ).delegate( ".viewOffer", "click", function() {
  alert($(this).attr('href'));
});

The delegate() method attaches one or more event handlers for specified elements that are children of selected elements, and specifies a function to run when the events occur.

Event handlers attached using the delegate() method will work for both current and FUTURE elements (like a new element created by a script).

answered Feb 20 '16 at 12:12

Rino Raj

6,264
2
27
42

Use .on instead of delegate – Chris Feb 20 '16 at 12:15
Can you explain why the original code didn't work? – omer727 Feb 20 '16 at 12:15
1

Because the click binds once the page finished loading, the html was added dynamically, thus needing to bind the event to a parent element so we can listen for the click no matter when the html was added. – Chris Feb 20 '16 at 12:17
1

@omer727 He is creating an element dynamically. On load the element is not present. So it wont get bind. So it wont work – Rino Raj Feb 20 '16 at 12:18
@PraveenKumar Can you explain me why it won't work? – Rino Raj Feb 20 '16 at 12:19
1

delegate worked, on did not – S_NoBEl Feb 20 '16 at 12:19
@RinoRaj I don't understand how. But anyway. :) **Don't feed duplicates.** – Praveen Kumar Purushothaman Feb 20 '16 at 12:19
1

on did not work because it uses a different order, event first then selector – Chris Feb 20 '16 at 12:20
Also don't see why this is a duplicate – S_NoBEl Feb 20 '16 at 12:22

jQuery this.attr on href undefined

1 Answers1