[jQuery data data-x的html内容？

Question

是否可以在qtip2中显示来自属性data-x的html内容？

jquery-此代码不适用于属性data-x中的html

$('.icon[data-x]').qtip({
    content: {
        attr: 'data-x'
    },
    position: {
        my: 'bottom center',
        at: 'top center'
    }
});

html

<span class="icon" href="#" data-x="<strong>HTML</strong><br>content"></span>

Answer 1

您可以这样做：

var $icon = $('.icon[x]');
$icon.qtip({
    content: $icon.attr('x')
});

Answer 2

尝试：

$('.icon').qtip({ content: $('.icon').attr('x') });

如果您要执行自定义属性，请使用data-作为前缀。 （例如：data-x）
如果将属性更改为data-x，则使用此代码：
$('.icon').qtip({ content: $('.icon').attr('data-x') });

Answer 3

代码不起作用

问题在解析HTML代码中（可能需要在jquery中使用.html（））

帮助链接（但是此代码获取span x的内容，而不是span属性x的内容）http://craigsworks.com/projects/forums/thread-use-hovered-element-s-own-html-for-qtip-content