在jquery中使用“this”的正确方法是什么?

时间:2014-01-04 18:21:00

标签: javascript html javascript-events jquery

我想从具有相同类但属性不同的多个元素中捕获元素的title属性。

这就是我的尝试:

HTML

    <div title="title1" class="pager" onclick="location.href='link.aspx';></div>
    <div title="title2" class="pager" onclick="location.href='link.aspx';></div>
    <div title="title3" class="pager" onclick="location.href='link.aspx';></div>
    <a class="pagerTitle"></a>

的jQuery

$(".pager").bind("mouseover", function() {
        $(".pagerTitle").text(this.attr("title"));
    });

但它不起作用。这样做的正确方法是什么?

3 个答案:

答案 0 :(得分:3)

您可以使用以下两种方法之一:

jQuery的:

$(this).attr("title")

Plain vanilla JavaScript:

this.title

我投票支持普通JavaScript,因此不会产生为每个标记创建jQuery对象的开销。

答案 1 :(得分:1)

您使用了attr()对象的jQuery方法,但this不是jQuery对象。请改用$(this)

答案 2 :(得分:1)

$(this)是一个非常流行的构造,用于指示当前元素是焦点,可以在事件和选择器函数中使用。这与jQuery的函数提供的JavaScript this构造相同访问jQuery的功能。“

您应该使用$(this)。希望它有所帮助!

相关问题