使用 javascript/jquery 在标题属性中插入换行符

Question

问题：
我需要在工具提示中放置一个换行符，这样它就不会全部在一行上。我使用 tooltipsy 生成工具提示。它的工作原理是在任何锚标记上使用标题属性，并将“hastipy”类作为工具提示的内容。

因此，代码：

<a href="http://tooltipsy.com/" class="hastipy" title="Click here to go to the tooltipsy website">
     tooltipsy
</a>

将是一个显示文本“tooltipsy”的链接，当您将鼠标悬停在其上时，它将在工具提示中显示“单击此处转到 tooltipsy 网站”。

但是，如果我想在工具提示内添加换行符怎么办？

此代码：

<a href="http://tooltipsy.com/" class="hastipy" title="Click here to <br /> go to the tooltipsy website">
     tooltipsy
</a>

当您在 http://validator.w3.org 验证它时返回一堆错误

所以我来了up with this javascript/jQuery (由 Jason Gennaro 编写)：

$('a').each(function(){
    var a = $(this).attr('title');
    var b = a.replace('lineBreak','\n');
    $(this).attr('title', b);
});

此代码使用关键字（在本例中为 lineBreak）并将其替换为 \n(<-- linebreak?) 所以我的代码通过了验证并且仍然有换行符在其中。

这段代码适用于 jsfiddle (这里是示例)，但在我的网站上的工具提示内，事实并非如此。它插入了 \n，但它并没有像预期的那样删除“lineBreak”。

任何人都可以对此提供解释，甚至可以解决它吗？

注意：
我不需要其他工具提示方法的建议，工具提示可以完美满足我需要的一切。

结果：
事实证明，仅使用
而不是
效果很好。

Answer 1

使用全局替换调用：.replace(/lineBreak/g,'\n');。

如果要在标题属性中添加
，请使用：
（html 实体）。

此外，JQuery 会自动将 JavaScript 包装在 $(document).ready(...) 内。你也应该这样做：

$(document).ready(function(){
    //HTML-modifying code here.
});