jQuery $ 동적으로 삽입 된 데이터가 작동하지 않습니다.

Question

<ul>을 동적으로 삽입하고 .html()을 사용하여 항목을 AJAX 호출에 나열합니다. 동적으로 삽입 된 목록 항목 수를 계산하려면 <ul>.

코드 :

<div id='layout'> 
     <a href='javascript:void(0);' class='close'><img src='images/close.png' width='17' /></a> 
     <div id='buslayout'></div> 
     <div id='boarding'> 
      <select name='boarding' id='boarding'> 
       <option value=''>Boarding points</option> 
      </select> 
     </div> 
     <div class='seats'><p>Selected seats: <span id='totalseats'></span></p></div> 
     <div class='seats'><p>Total: <span id='total'></span></p></div> 
     <div class='seats'><p><input type='submit' value='Continue booking' /></p></div> 
     <div class='clear'></div> 
    </div> 

jQuery를 :

$('#buslayout').html(data);

$('ul li').each(function(){ 
    price += parseInt($(this).attr('price')); 
    console.log($(this).attr('price')); 
}); 

동적으로 생성 된 HTML.

<ul> 
    <li price='100'>Bus</li> 
    <li price='200'>Bus</li> 
    <li price='250'>Bus</li> 
    <li price='450'>Bus</li> 
</ul> 

Answer 1

당신이 그것을 수행하려는 경우

$('#buslayout').html(data).find('li').length 

또는 반복하면서 다음 dinamically가 HTML을 생성

var liCount = 0; 
$('ul li').each(function(){ 
    price += parseInt($(this).attr('price')); 
    console.log($(this).attr('price')); 
    liCount ++; 
}); 

Answer 2

전체 좌석을 jQuery 변수로 정의 했습니까?

$totalseats = jQuery('.seats'); 

totalseats.each(function() { ... 

**Edit** 
Then load the file with $.ajax() and iterate over the returned data 

$.ajax({ 
    url: 'your file', 
    success: function(data){ 
     $.each(data, function(){ 
      // your func 
     }); 
    } 
});