JavaScript htmlentities 法语

Question

我有一个 .NET MVC 页面，其中包含每个项目的列表 <%: %> rel 中的编码描述。 我希望能够使用包含我的搜索查询的 rel 搜索所有项目。

其中一个字段的值带有 htmlentities rel='Décoration'

我在搜索框中输入“Décoration”，让 jQuery 搜索具有 'rel' 属性的所有元素，其中包含(indexOf != -1) 该值：

没有结果！

为什么？因为Décoration != Décoration。

比较这两者的最佳解决方案是什么？ （必须适用于所有特殊重音字符，而不仅仅是 é）

PS（我尝试了两边的 escape/unescape，还尝试了将其附加到 div 的技巧，然后将其读为text，这会替换危险的东西，但不会替换 é （它不必替换，因为无论如何它在 utf-8 中都是有效的））

Answer 1

由于é之类是html实体，因此可以将乱码字符串设置到临时div的html内容中，并使用元素的文本内容检索解码后的字符串。浏览器将为您完成解码工作。

使用 jQuery：

function searchInRel(needle) {
    return $('[rel]').filter(function(i,e) {
        var decodedText = $('<div/>').html(e.attr('rel')).text();
        return (decodedText.indexOf(needle) != -1);
    };
}

仅使用 DOM：

function decodeEntities(text) {
    var tempDiv = document.getElementById('tempDiv');
    tempDiv.innerHTML = text;
    return tempDiv.textContent;
}

Answer 2

如果您使用 UTF-8 编码提供页面，则不需要对所有重音字符使用实体。问题解决了。

Answer 3

您可以解码 html 实体。
只需从 此处 复制两个 JavaScript 方法即可

var decoded = 'Décoration';
var entity = html_entity_decode('Décoration');
console.log(decoded == entity);