qtip jquery插件,用于显示链接中的文本

我正在尝试使用jQuery qTip插件来显示元素内的文本。

我在一个表中有多个链接,因此具有不同的类。 链接中的文本隐藏有负文本缩进,背景精灵用于使它们看起来唯一。

Spot quote Contract quote 

我认为这将是jquery只会拿起链接中的文字:

 $('.contract_quote, .spot_quote').qtip( { content: $(this).text() // Give it some content, in this case a simple string }); 

但它的回报方式超出了我的需要或想要。 我真的不想添加title属性,因为这里不需要它。

JavaScript没有块级范围。 这意味着你的this指的是文件。 为了引用每个元素,您需要创建一个新函数:

 $(document).ready(function() { $('.contract_quote .spot_quote').each(function() { $(this).qtip({ content: $(this).text(); }); }); }); 

也就是说,即使您需要title属性,最好还是设置它。 使用JavaScript自动设置它是可以的但不理想。 使用CMS(如果使用CMS)设置它会更好。 如果用户代理由于某种原因正在寻找链接的标题,那么最好有一个,即使它总是与内容相同,因为用户代理不像人类那样聪明。 无论如何,大多数时候。