jQuery中的HTML标签

每次我遍历此foreach时,都会使用数据库值设置一个下拉列表。当一个表的值为name时,它为空时保持其值;它什么也没显示。那很好。但是每次显示名称时,我都希望this.name前面有一个FontAwesome图标。示例<i class="fas fa-car">。 如何获得text:(this.name ?之间的HTML标签?

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>
liuyao302 回答:jQuery中的HTML标签

.select2的标准值是它不能显示HTML标签。

您可以通过添加以下内容来覆盖它:

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

在顶部。这将覆盖不识别HTML标签的价值。

现在,您可以添加所需的HTML代码。

,

您也可以使用CSS解决此问题 您可以通过使用before来在名称前面添加带有一些CSS样式的fontawesome图标。

此处的链接是我的旧书签,您可以在已批准的答案中找到示例。

Use font awesome icon as CSS content

本文链接:https://www.f2er.com/3165357.html

大家都在问