jQuery自動完成列表項圖標

Question

我正在使用jQuery自動完成，我想在自動完成源的所有列表項的右側添加一個字體超讚的圖標。

到目前爲止，我發現的解決方案是設置每個列表項的背景，但我希望字體超讚的圖標能夠監聽點擊事件，這樣對我沒有幫助。

這是我的代碼：

  var data = ["a", "b", "c"]; 

      $(this).autocomplete({ 
       source: data, 
       open: function(event, ui) { 
        $(this).autocomplete("widget").css({ 
         "width": $(this).parent().width() 
        }); 
       } 
      }); 

在這種情況下，我想對「A」，「B」和「C」

Answer 1

的右側的字體 - 真棒圖標以下代碼爲我解決了這個問題：

 var data = ["a", "b", "c"]; 

     $(this).autocomplete({ 
      source: data, 
      open: function(event, ui) { 
       $(this).autocomplete("widget").css({ 
        "width": $(this).parent().width() 
       }); 
      } 
     }).autocomplete("instance")._renderItem = function(ul, item) { 
      return $("<li>") 
      .append("<div>" + item.label + "<span style='float: right'><i class='fa fa-trash'></i></span></div>") 
      .appendTo(ul); 
     };