javascript - 如何使用 $(this) 动态获取 anchor 标签的 title 属性

Question

我正在尝试为我的网站开发一个好友标签系统。

我的 div 标签周围有一个 anchor 标签，它有一个标题。我正在尝试使用以下代码从中检索标题，但结果始终未定义。

<a href="#" class="add-link" onclick="addFunc()" title="test1">
    <div class="divclass">
        blabla    
    </div>
</a>

function addFunc(){
    var username = $(this).attr('title');
    $('#content').html(username);
}

http://jsfiddle.net/0f4mun8r/3/

知道为什么吗？

谢谢!

Answer 1

你有三个问题。

---

首先:

您已将 JS Fiddle 配置为将所有代码包装在 onload 处理程序中。这会阻止该函数成为全局函数，因此当您调用 addFunc 时找不到它。

---

第二个:

您正在调用 jQuery 但尚未包含 jQuery 库。

---

第三:

this 的值取决于您调用该函数的方式。

onclick 函数被调用时，this 是元素。

当 addFunc 被调用时(如果你修复了其他问题)，由于你没有指定上下文，this 是 window (默认对象)。

---

不要使用内部事件属性。使用 JavaScript 绑定(bind)您的事件处理程序。

jQuery(".add-link").on('click', addFunc);

如果你使用 jQuery，那么 include the library在您的页面中。