JQuery вне селектора тегов (класс или идентификатор)

Question

HTML:

<td> 
    <input type="text" name="c_name[]" class="form-control cast-name" id="cast1" autocomplete="off"> 
    <div class="cast-search"> 
     <div class="cast-pop"> 
      <ul> 
      <li class="item">1</li> 
      <li class="item">2</li> 
      <li class="item">3</li> 
      </ul> 
     </div> 
    </div> 
</td> 
<td> 
    <input type="text" name="c_name[]" class="form-control cast-name" id="cast2" autocomplete="off"> 
    <div class="cast-search"> 
     <div class="cast-pop"> 
      <ul> 
      <li class="item">1</li> 
      <li class="item">2</li> 
      <li class="item">3</li> 
      </ul> 
     </div> 
    </div> 
</td> 

Возьмите любое значение 'LI'. вне их «входа» Я хотел бы напечатать

$('body').on('keyup','.cast-name',function(){ 
     $(this).next().slideDown(200); 
     var datas = $(this).val(); 
     var cast_pop = document.getElementsByClassName('cast-pop'); 
     $.ajax({ 
      url:"include/film/cast_get.php", 
      type:"GET", 
      data:'cast='+datas, 
      success:function(answer){ 
       $('.cast-pop').html(answer); 
       $('.item').click(function(){ 
        // how will I do ... 
       } 
      } 
     }); 
    }); 

Когда я нажимаю один из элементов «Ли», я могу получить значение с функцией оповещения(). Но то, что я хочу, чтобы получить это значение для ввода

Answer 1

$('.item').click(function(){ 
        // how will I do ... 
       } 

Я думаю, что вы хотите знать, как получить событие щелчка для динамически созданных .itemli в вашем АЯКСЕ вызова.

Вы должны прочитать о .delegate()

Описание: Приложить обработчик одного или нескольких событий для всех элементов, которые соответствуют селектору, в настоящее время или в будущем, основываясь на определенный набор корневых элементов.

$(document).on("li", "click", function() { 
    // you do like this 
}); 

Но нет необходимости писать код выше асинхронность успеха. Вы можете писать за пределами своего аякс-звонка.