JavaScript/Jquery : How do I modify this script to avoid have to use a tag?

Question

此脚本的问题之一是我必须有一个链接标记才能获取 rel从中。我正在考虑当用户鼠标悬停在表格行上时进行描述。

我需要什么:如果TD有desc ，附加文本。 <td desc="blah blah blah">

 this.screenshotPreview = function () {
     xOffset = 20;
     yOffset = 30;

     $("tr:has(a[desc])").hover(function (e) {
         var text = $(this).find('a').attr('desc');
         $("body").append("<p id='screenshot'>" + text + "</p>");
         $("#screenshot")
             .css("top", (e.pageY - yOffset) + "px")
             .css("left", (e.pageX + xOffset) + "px")
             .fadeIn("fast");
     },function () {
         this.title = this.t;
         $("#screenshot").remove();
     });
     $("a.screenshot").mousemove(function (e) {
         $("#screenshot")
             .css("top", (e.pageY - yOffset) + "px")
             .css("left", (e.pageX + xOffset) + "px");
     });
 };


 // starting the script on page load
 $(document).ready(function () {
     screenshotPreview();
 });

JSFIDDLE:http://jsfiddle.net/zD99p/1/ (在 jsfiddle 中，它仍然使用 rel 而不是 desc 。你可以用任何一种方式编码，我可以毫无问题地更改它)

Answer 1

您可以使用data-属性:

http://jsfiddle.net/MWkXJ/

<td data-desc="..."></td>

<小时/>

$("td[data-desc]").hover(function (e) {
     var text = $(this).data('desc');
     //...