鼠标悬停时显示div，包含html代码（<br/>）

Question

我正在尝试显示包含HTML代码的myPosters数组的内容 然而，这个HTML代码不被视为HTML，因为它是根据一些可以理解的gwt代码创建的 这就是代码的呈现方式：This is a Title <br> This is a Description
而不是这个<br>我想转换它，并插入一个“真正的”断行。

我已尝试将photoCaption div中的代码“转换”为text()，然后转换为html()，使用：$('#photoCaption').text($('#photoCaption').html());
但在这种情况下，而不是<br>，我得到<br>

如何摆脱这种情况，并将信息显示为“真正的”HTML代码？

注意：将鼠标移到第一张图片上以查看问题！

还应考虑到实际代码中有“图像滑块”，它会更改显示的图像和相应的photoCaption内容。

JSFIDDLE

Answer 1

只需更改此行

即可

$('#photoCaption').text(myPosters[0]);

到此

$('#photoCaption').html(myPosters[0]);

Fiddle

修改

我读了你对另一个答案的评论，试试这个，然后：

http://jsfiddle.net/mgJLp/25/

它基本上做的是将鼠标上的文本修复，并跟踪它是否已修复，否则它会在您移动鼠标时继续尝试修复，这样就完全消除了换行符。

Answer 2

你的jquery并不遥远，以下是你的小提琴：$('#photoCaption').html($('#photoCaption').text());

Answer 3

你正朝错误的方向逃跑。

您需要将目标的 HTML 设置为源的文本。

Answer 4

与您的JSFIDDLE相关，请使用：

var myPosters = ["This is a Title  \<br\> This is a Description","Title 2"];

和

$('#photoCaption').html(myPosters[0]);