访问由AJAX调用创建的DOM元素

Question

I have an ajax call that returns a bunch of html, including some hidden divs with values in as below:

<span class="hidden" name="price1h1" id="price1h1c0a1adult">90.7375</span>
<span class="hidden" name="price1h1" id="price1h1c0a1child">90.7375</span>
<span class="hidden" name="price1h1" id="price1h1c0adultPreMargin">265</span>
<span class="hidden" name="price1h1" id="price1h1c0childPreMargin">247</span>
<span class="hidden" name="price1h1" id="price1h1c0adultPostMargin">65</span>
<span class="hidden" name="price1h1" id="price1h1c0childPostMargin">0</span>
<span class="hidden" name="price1h1" id="price1h1c0margin">35</span>
<span class="hidden" name="price1h1" id="price1h1c0partyAdults">2</span>
<span class="hidden" name="price1h1" id="price1h1c0partyChildren">2</span>

In my ajax call's success function, i add this html to a div, and then try to call a js function which on clicking of some radio buttons performs some calculations and generates a final price using the above span elements values

The visual stuff all appears, so the call executes, but when the js function tries to access the result using:

var partyAdults = $('span#price1h1c0partyAdults').html();
alert(partyAdults);

the value is undefined

This all works fine when it is inline in the page, but how can i access the contents of what I have generated?

Thanks

Answer 1

如果需要动态访问DOM元素，则可以指定在元素准备就绪时将调用的处理程序： http : //api.jquery.com/ready/

Answer 2

Try the following code:

var partyAdults = $('span#price1h2c0a1adult').live().text();

You can use JQuery .live() function to access the dynamically created elements.

Demo