Question

如何对现在和将来设置了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属性，因为它们有很多..

Answer 1

使用属性选择器

定位元素

$(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]");

(Simple) JS Fiddle demo

参考文献：

on()。

在Jquery中选择带标题的元素

1 个答案: