Javascript 为自定义内容中的每条记录显示jquery工具提示

我试图使用自定义内容的jquery工具提示在工具提示上显示每条记录的信息。 它不显示每个项目的记录，只显示第一个记录的详细信息。下面是视图代码，其中包括代码和脚本

我正在循环浏览每一项

@foreach (var item in Model.Courses)

我想在鼠标悬停时显示每条记录的工具提示

<div class="item">
   <a href="" class="subitem">Detail</a>
</div>

看法

---

问题在于这行代码

$('.subitem').attr('title', $('.statusRollup').remove().html())

.html获取匹配元素集中第一个元素的html内容，因此您将第一个元素中的内容分配给class=.subitem的所有元素

试一试

---

我放置了与您建议的相同的代码，但鼠标悬停时没有显示任何内容。哎呀，我的代码子项中的轻微错误在另一个元素中。很快就会更新我还在等你的答案。我正在尝试您发送的代码，但它不起作用。您看到更改了吗$这个。最近的“.item”。下一个。。。而不是这个。下一个…很荣幸。奇怪的是，你没有收到通知——我只是在几分钟后编辑了它。另一个选择器是$this.closest'td'.find'.statusRollup'.html；如果您更改html的顺序或在表单元格中添加另一个元素，那么哪一个可能会更安全一些

$('.subitem').attr('title', $('.statusRollup').remove().html())

$('.subitem').each(function() {
  // Get the contents of the next element with class=statusRollup
  var status = $(this).closest('.item').next('.statusRollup').html();
  $(this).attr('title', status);
});
$('.statusRollup').remove();