javascript - 具有属性长度的 JQuery HasAttribute 选择器

Question

目前我正在为我的网站开发自定义工具提示。这是一个很重的页面，所以它在每一页上都有大约 300 个带有标题的元素。它与这段代码配合得很好:

var title="";
$( document ).delegate( "[title]", "mouseover", function ( event ) {
    title = $( this ).attr( "title" );
    $( "#tooltip-div" ).delay( 250 ).animate( { top: newTop, opacity: 1 }, 'fast' );
 } );
    

但我面临的问题是:不幸的是，页面中有许多元素具有 title 属性，但为空。例如:

<input type="image" id="clearBtn" title="" src="../../Images/unsearch.png" onclick="clearFilter();">
    

对于此元素，我的自定义工具提示显示为空值。所以我想知道是否有任何方法可以选择具有“title”属性且该属性不为空的元素。

所以我想排除上面显示的元素。有没有一种方法可以直接使用 JQuery 选择器来做到这一点，以确保我只将事件绑定(bind)到我想要的元素，而不是检查事件处理程序中 title 属性的长度。

Answer 1

这是一个可能的解决方案，需要一个 [title] 和一个 [title!='']。

var title="";
$( document ).delegate("[title][title!='']", "mouseover", function ( event ) {
    title = $( this ).attr( "title" );
    $( "#tooltip-div" ).delay( 250 ).animate( { top: newTop, opacity: 1 }, 'fast' );
});