Cannot access element created after page load using jQuery

Question

I have a site which has an element with a specific id. I would like to get the href attribute using jQuery. I am trying to do the following:

alert($("#id").prop('href'));

But it says 'undefined'. I tried setting the timer function as well as using jQuery's delay(), but the result is the same, although I can see that the element is there when the alert pops up. What is the problem?

How can we know if you don't provide a full example that demonstrates your issue? — , Apr 10 '13 at 18:38
Why do you expect `$("#id").prop('href')` to access an element that doesn't exist yet? — Kevin B, Apr 10 '13 at 18:41
Better put in a fiddle to see also the mark up. Are you sure is everything ok there? Try with an $('#id').attr('href') and also be sure that exist the id="id" on a tag — stefanz, Apr 10 '13 at 18:53
I cannot give you a full example since the initial HTML does not contain the tag with the specific ID. But with Firebug I can see that it is indeed there a few seconds after page load. The id attribute exists and attr() results the same as prop(). — Mihaly Balas, Apr 10 '13 at 22:01

score 1 · Answer 1 · answered Apr 10 '13 at 18:53

1

Well, you can assure that JS works after HTML is loaded by wraping it into document ready. I've never used prop, but attr is awesome to get attributes. The example I provided should work.

http://jsfiddle.net/mJzr8/

$().ready(function() {
    alert($("#id").attr("href"));
});

answered Apr 10 '13 at 18:53

Umut Benzer

3,476
4
36
53

Yes, I forgot to mention that this was the first thing I tried. The problem is that the element is not in the initial HTML body but it is (probably) dynamically created by another script. It is my understanding that .prop() is supposed to replace .attr() which is deprecated in the newest version of jQuery (it still works though, they both yield the same output). – Mihaly Balas Apr 10 '13 at 21:58
Are you sure that newly created element is in the same page but not in an iframe? – Umut Benzer Apr 11 '13 at 06:46

Cannot access element created after page load using jQuery

1 Answers1