在 jquery 中获取 p 标记文本以进行 ajax 实时搜索

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/