ajaxライブ検索のjqueryでpタグテキストを取得

Question

こんにちは私はライブ検索をしています。私はajaxでデータを送信して結果検索を行い、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/