jQuery如何迭代自动完成并设置标题并在悬停时显示它

Question

如何遍历由jquery autocomplete插件创建的动态列表... 我需要遍历列表中的每个元素并设置菜单中列出的每个值的标题......标题应该与产品名称相同...

这样做的原因是因为列表中的某些文本是使用

隐藏的

溢出：隐藏; 风格......

因此，当用户将鼠标悬停在任何元素上时，javascript必须将产品的当前名称设置为tile属性..因此，当鼠标悬停时，它会显示完整的产品名称......

我该怎么做......

到目前为止，我试过的代码，

         jQuery.each(availableTags, function(index,value) {
             this.attr().title = document.getElementById("#").innerHtml;
         });

这个，

         jQuery.each("#autocompid", function(index,value) {
             var value = $(this).val();
             $("#autocompid ul li").attr(title,value));
         });

和我这样的自动完成......

http://jsfiddle.net/fewds/HwchC/8/

Answer 1

在自动填充完成后尝试此代码

$("#autocompid").data("autocomplete")._renderItem = function (ul, item) {
            return $("<li></li>")
                .data("item.autocomplete", item)
                .append($("<a/>").html(item.label).attr("title", item.label))
                .appendTo(ul);
        };

_renderItem是自动完成插件的一个功能，我们在这里覆盖了这个功能。