不为空的自定义数据属性上的 jQuery 选择器

Question

我想为每个具有data-custom-tooltipset 的元素创建一个简单的 jQuery 自定义工具提示插件。所以，类似：

<a href= . . . " data-custom-tooltip="This is my tooltip Text">Hhahaha</a>

或

<button data-custom-tooltip="This is my tooltip for the button Tex">Haha Button :) </button >

因此，仅当data-custom-tooltip 为NOT 为空时，才会触发显示工具提示的功能。

足够接近这个：jQuery selectors on custom data attributes using HTML5

Answer 1

试试

.filter()

var tooltip_el = $('[data-custom-tooltip]').filter(function () {
    return $.trim($(this).data('custom-tooltip')) != '';
});

Answer 2

这样使用

$("[data-custom-tooltip]:not([data-custom-tooltip='']").click(function(){alert("clicked");});

fiddle

Answer 3

您可以使用:not() selector 并删除空的

$('[data-custom-tooltip]:not([data-custom-tooltip=""])')

或

$('[data-custom-tooltip]').not('[data-custom-tooltip=""]')

---

或基于@VisioN said in the comments 和Not Equal Selector

var xxx = $('[data-custom-tooltip][data-custom-tooltip!=""]');