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

时间:2017-05-20 08:08:45

标签: jquery ajax livesearch

你好我有一个实时搜索,我用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");
        }
});

1 个答案:

答案 0 :(得分:0)

首先,创建“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/