2017-05-20 69 views
0

你好我有一個實時搜索,我用ajax發送數據,並得到結果搜索,我可以顯示我的結果,我的結果顯示在P標籤,我想訪問P標籤文本在我的結果搜索,但我不能。請幫我在jQuery中獲得p標籤文本的AJAX實時搜索

$.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"); 
     } 
}); 

回答

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/

+0

不行的這段代碼,我該如何使用VAR元素= $( 「

這裏

」);在FOR中用不同的p標籤文字 –

+0

爲什麼不呢?現在檢查我的代碼。 –