jQuery笔记 - 选择动态加载的元素

jQuery代码 

$(document).ready(function(){

 $("#cngsm").keyup(function(){

      var cngsm = $("#cngsm").val();

              $.get("ziliao_apost.php",{cngsm:cngsm},function(data){

              $("#gsmlist").html(data);

      });

  }); 

  $("#gsmlist").on("click",".pdf", function(){

           $("#cngsm").val($(this).text());

           $("#gsmlist").hide();

  });

});

手册

on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。

HTML标签

<div class="pda bta">完善个人资料</div>

 <div class="pda"> 请输入您所在的公司 <br />

   <div><input name="cngsm" type="text" class="pda" id="cngsm" /></div>

  <div id="gsmlist">

  </div>

 </div>

较复杂加载

$(".kcgangkouinfo").on("keyup",".gangkou",function(){

$(".gklist").show();

var gangkou = $(this).val();

$.get("porta_apost.php",{gangkou:gangkou},function(data){

$(".gklist").html(data);

});

});

$(".kcgangkouinfo").on("click",".gklist .pdf",function(){

var gk = $(this).text();

//$(".gklist").hide();

$(this).parent().parent().find(".gangkou").val(gk);

//连续向外跳两层，并寻找.gangkou

});