jQuery 不使用工具提示换行符答案

【问题标题】：jQuery not working with tooltip new line characterjQuery 不使用工具提示换行符
【发布时间】：2014-05-16 20:48:54
【问题描述】：

我有一个 html 元素的字符串，类似于

"<div title=\"123 &#13; 123\">test</div>"

当我将它插入 DOM 并在页面上查看它时，我看到了

123
123

作为工具提示。但是，当我尝试使用 jquery 更改其标题值时：

element.prop("title", "456 &#13; 456");

我觉得

456 &#13; 456

作为工具提示。有谁知道如何解决这一问题？谢谢。

【问题讨论】：

【解决方案1】：

在您的第一个示例中，&#13; 被浏览器解析为 DOM，从而正确理解实体。

在第二个例子中，它没有被浏览器解析，而是被 javascript 直接注入到 DOM 中。所以你需要使用适当的javascript编码。

.prop('title',"456 \r 456");

【讨论】：

【解决方案2】：

使用.prop("title", "456 \n 456");

【讨论】：

【解决方案3】：

另一种选择是：

.prop( 'title', ['456',String.fromCharCode(13),'456'].join(' ') );

【讨论】：

【解决方案4】：

如果您希望处理工具提示中的 HTML 特殊字符，例如 &#13; 或 &#8364;（欧元符号），您可以创建一个空的、看不见的 div 元素，用您的 html 设置它，然后使用：

element.prop("title", $('<div/>').html('456 &#13; 456').text());

【讨论】：