ользую виджет автозаполнения пользовательского интерфейса Jquery и извлекаю элементы для отображения с помощью обратного вызова, как описано в ссылке.

У меня есть сценарий использования, в котором мне нужно представить некоторые элементы, которые я получаю с сервера, несколько иначе, чем другие, чтобы пользователь понимал, что между этими элементами есть разница. В моем случае, некоторые элементы являются «личными», а некоторые «глобальными».

Я хотел бы выделить «личные» элементы, добавив к ним класс CSS, чтобы они имели немного другой фон.

Это возможно? Я видел в справочной документации, что существует дополнение, которое позволяет мне помещать произвольный HTML в «элементы», но я чувствую, что это неоптимально, когда все, что мне действительно нужно сделать, это добавить класс (в некоторых случаях).

Я думаю, что я бы в конечном итоге что-то вроде этого:

$("#myElement").autocomplete({
            //define callback to format results
            source: function(req, add){
                //pass request to server
                var baseUrl = '/getItems.php'
                $.getJSON(baseUrl, req, function(data) {

                    //create array for response objects
                    var suggestions = [];

                    //process response
                    $.each(data, function(i, val){
                        var entry = new Object();
                        if (val.personal == true){
                        // add some css class somehow?
                        }
                        entry.id = val.id;
                        suggestions.push(entry);
                    });

                    //pass array to callback
                    add(suggestions);
                });
            },

        });