Javascript 使用JS的标题标记中的回车工具提示文本

我有一个简单的JS函数，它将一些结果从DB输出到JS字符串。然后，我在标题标记中使用函数的结果，这样当您将鼠标悬停在链接上时，您将看到工具提示。这一切都是可行的，除了我不知道为什么我在使用

？我错过了什么吗。下面是我正在使用的代码：

      //loop through returned DB results and form string.  
      //use 
 to break line
     function getResults(id, state, dte){
      :
      :
      $.each(data.results, function(key, val) {  
        output = output + x + ". " + val.abr_month +": "+ val.result +" ("+val.point+")
";
        x = x + 1;
        //output = + output;
      });//end each
          return output;
          }//end function  

     result = getResults(id, state, dte);
     //return the HTML DOM object
     $('#'+id)[0].title=result;

当我将鼠标悬停在链接上时，看到返回的字符串是：
1。4月：结果（45）和#xA2。五月：结果（45）和#xA。


我想看到的是：

1.四月：结果（45）

2.五月：结果（45）


如果您能提供任何帮助，那就太好了

注意：我删除分号是为了在文本中显示


我没有使用JQuery 1.9，因此无法使用工具提示

非常感谢
一些浏览器将允许
&10

其他人不允许您格式化工具提示，除非您使用或类似工具


演示使用jQuery 1.6.4和jQuery UI v1.11.0pre只是为了让您看到jQuery和jQuery UI可以有不同的版本

动态部分可在此处找到：


var标题={
“4月1日：结果（49）
2月：结果（47）”，
“junjul”：“1.六月：结果（50）
2.七月：结果（42）”
}
$（函数（）{
$（“.result”）.each（函数（）{
var title=this.title.replace（/；/g，“
”）；
$（this.tooltip（{“content”：title}）；
});
//悬停时动态生成
// https://stackoverflow.com/a/16523285/295783 
$（文档）。工具提示({
项目：'.dynresult'，
显示：100，
隐藏：500，
位置：{my:'中间底部'，在：'中间顶部'}，
内容：函数（回调）{
var title=titles[this.id]；
回调（标题）；
}
});
});
函数getTitles（obj）{
返回标题[obj.id]；
}

使用此HTML

<h3>Static titles</h3>
<a href="#" class="result" title="1. Apr: Result (45); 2. May: Result (45)">April/May</a>
<a href="#" class="result" title="1. June: Result (50); 2. July: Result (42)">June/July</a>
<hr/>
<h3>Dynamic titles</h3>
<a href="#" class="dynresult" title="" id="aprmay">April/May</a>
<a href="#" class="dynresult" title="" id="junjul">June/July</a>

静态标题

动态标题
奇怪的是，如果我将函数返回的字符串直接放在html标题中，它将按预期显示。但是当我使用这段代码$（'#'+id）[0]时；没有。我想这就是为什么我需要使用工具提示…我没有使用JQuery 1.9，所以我不能使用工具提示：（jQuery 1.9与jQuery UI工具提示有什么关系？我没有看到任何帖子提到工具提示不适用于较旧的jQuery。请参阅我的更新以获得一个很好的示例。感谢您的帮助。我可以看到这是如何工作的，除了当用户悬停在链接上时动态生成工具提示外，因此使用替换将不起作用，因为还没有什么可替换的。抱歉，我应该从一开始就提供这些信息。之所以[object]没有方法的工具提示错误是因为我包含了jquery.ui.widget.js，这几乎不再需要了。
<h3>Static titles</h3>
<a href="#" class="result" title="1. Apr: Result (45); 2. May: Result (45)">April/May</a>
<a href="#" class="result" title="1. June: Result (50); 2. July: Result (42)">June/July</a>
<hr/>
<h3>Dynamic titles</h3>
<a href="#" class="dynresult" title="" id="aprmay">April/May</a>
<a href="#" class="dynresult" title="" id="junjul">June/July</a>