在Jquery中选择具有标题的元素

Select element with title in Jquery

本文关键字：标题 元素 Jquery 选择      更新时间：2023-09-26

如何将某些内容应用于现在和将来设置了title属性的所有元素？

我想要实现这一目标的原因很简单：我在一个网络应用程序中有一个页脚，和许多应用程序一样，我想在悬停的一些元素上写一些信息。我想在要显示信息的元素的title属性中设置此信息。

因此，每个带有标题的元素都应该在悬停时触发一个函数。甚至是动态添加的元素。

我发现这在鼠标输入+离开上有一些作用，它被认为适用于添加的元素：

$(document).on(
{
    mouseenter: function() 
    {
        //stuff to do on mouseover
    },
    mouseleave: function()
    {
        //stuff to do on mouseleave
    }
}
, "*[special-selector]");

特殊选择器应该是什么？

第二个问题：如何在这两个匿名函数的范围内访问$（this）.attr（'title'）属性？

有什么想法吗？或者更好的解决方案？我也想让html尽可能简单，避免在元素中使用onmouseover属性，因为它们有很多。。

使用属性选择器来定位元素：

$(document).on(
{
    mouseenter: function(e)
    {
        //stuff to do on mouseover
        var domNode = this,
            $object = $(domNode),
            title = domNode.title;
        $object.addClass('hover');
        console.log(title);
    },
    mouseleave: function(e)
    {
        //stuff to do on mouseleave
        var domNode = this,
            $object = $(domNode),
            title = domNode.title;
        $object.removeClass('hover');
        console.log(title);
    }
}
, "[title]");

（简单）JS Fiddle演示。

参考文献：

  • CCD_ 1
相关文章：