保留HTML格式<datalist>

Question

我正在构建<datalist>选项，如下所示：

data.suggestions.forEach(function(element) {
    $('datalist').append(`<option value="${element['description'].split(' ')[0].replace(/<[^>]*>/g, '')}">${element['description']}</option>`);
});

我的element['description']包含HTML标记，我想保留这些标记。但是，附加的子项将删除HTML格式。

请告知。

Answer 1

Split函数返回一个元素数组。 如果你只想要第一个单词，那么试试这个

var str = element['description'].substring(0, element['description'].indexOf(' '))).replace(/<[^>]*>/g, '');

然后

$('datalist').append('<option value="+str+" >element['description']</option>');