Получить текст тега p в jquery для ajax live search

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/