HTML-тег внутри jQuery

Question

Каждый раз, когда я зацикливаюсь на этом foreach, выпадающий список устанавливается со значениями базы данных. Когда таблица имеет значение для name, она сохраняет свое значение, когда она пуста;это ничего не показывает. Это хорошо. Но каждый раз, когда отображается имя, я хочу значок FontAwesome перед this.name. Пример <i class="fas fa-car">. Как я могу получить этот HTML-тег между text: и (this.name ??

processResults: function (data, params) {
    var results = [];
    jQuery.each(data, function () {
        results.push({
            id: this.id,
            text: (this.name ? this.name + ' ' : '')
                + (this.firstname ? this.firstname + ' ' : '')
                + (this.middlename ? this.middlename + ' ' : '')
                + (this.lastname ? this.lastname + ' ' : '')
                + ' (' + this.email + ')',
        });
    });
    return {
        results: results,
        pagination: {
            more: false
        }
    };
}

У меня возник вопрос, чтобы добавить немного HTML в мой вопрос, так что вы идете:)

<div class="form-group row">
    <label class="col-md-2 col-form-label" for="users">{{ trans('messages.receiver') }}</label>
    <div class="col-md-10">
        <select id="users" title="Search users" multiple class="form-control" name="user_ids[]"></select>
    </div>
</div>

Answer 1

Стандартным значением .select2 является то, что он не может отображать теги HTML.

Вы можете перезаписать это, добавив:

escapeMarkup: function(markup) { return markup; },

вверху. Это перезапишет значение не распознавания тегов HTML.

Теперь вы можете добавить нужный HTML-код.

Answer 2

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

Ссылка здесь - моя старая закладка, где вы можетенайти пример в утвержденном ответе.

Использовать значок шрифта awesome в качестве содержимого CSS