jquery에서 ajax 라이브 검색을위한 p 태그 텍스트 가져 오기

Question

안녕하세요. 라이브 검색이 있습니다. 아약스로 데이터를 보내고 결과 검색을 표시하고 결과를 P 태그에 표시된 결과로 표시 할 수 있습니다. P 태그 텍스트에 액세스하고 싶습니다. 내 결과 검색에서하지만 나는 어차피. 제발 도와주세요

$.ajax({ 
     url:'<?=base_url();?>report/Chanel/search', 
     type: 'POST', 
     data: $("#DateForm").serialize(), 
     success: function(data){ 
      if (data == "0") 
      { 
       $('#livesearch').html('not found any result'); 
      } 
      else 
      { 
       var dataPo = []; 
       var obj = JSON.parse(data); 
       for(var i = 0; i < obj.length; i++) { 
        $('#livesearch').append('<p class="ppppp" id="pppp'+i+'">'+obj[i]["channel"].Group_Channel_Name+'</p>') 
        $("#pppp"+i).click(function(){alert($("#pppp"+i).text())}); 
       } 

      } 
     }, 
     error: function(){ 
      alert("try again"); 
     } 
}); 

Answer 1

먼저 "p"를 만들고 이벤트를 추가하십시오. 마지막으로 liveSearch에 추가하십시오.

var obj = [{ 
    "name": "Ford", 
    id: 1 
}, { 
    "name": "BMW", 
    id: 2 
}, { 
    "name": "Fiat", 
    id: 3 
}]; 

$.each(obj, function(index, element) { 
    var p = $('<p id="ppp' + element.id + '">' + element.name + '</p>'); 
    p.click(function(e) { 
    console.log($(this).text()); 

    }); 

    $('#livesearch').append(p) 

}); 

https://jsfiddle.net/ua2buz9t/3/