使用jquery添加data-tooltip

Question

我正在尝试使用jQuery向元素添加属性;由于我的标记是即时创建的，我不能直接添加属性。为什么下面的脚本没有添加属性？为什么这个小提琴没有按预期运作？ Here is the fiddle我正在尝试使用一些示例标记。

// set the tooltip content
jQuery('li#menu-item-75 a:hover:before').prop('tooltipText', 'w00t');
jQuery('li#menu-item-75 a:hover:after').prop('tooltipText', 'w00t');

Answer 1

您必须使用.attr()设置数据属性，以便实际影响DOM属性：

jQuery('li#menu-item-75 a').attr('data-tooltip', 'w00t');

:hover和:before / :after不适用于jQuery选择器。

演示：http://jsfiddle.net/fkdh8/13/