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); 
     };