jquery - 无法从单击事件中获取标题属性

Question

单击某个链接时，我无法获取标题属性，这是我尝试过的：

这是html：

<li><a href="#" class="add_to_menu" title="Förderverein">+</a> test 1</li>
<li><a href="#" class="add_to_menu" title="Förderverein">+</a> test 2</li>
<li><a href="#" class="add_to_menu" title="Förderverein">+</a> test 3</li>

这是jquery脚本：

$(document).ready(function() {
    $('.add_to_menu').click(function() {
        alert(this.attr("title"));
    });
});

Answer 1

你用this错了。您应该将其包装为 jQuery 对象，即$(this)：

$(document).ready(function() {
    $('.add_to_menu').click(function() {
        alert($(this).attr("title"));
    });
});

或者，您是否真的倾向于按this原样使用：

$(document).ready(function() {
    $('.add_to_menu').click(function() {
        var this = $(this);
        alert(this.attr("title"));
    });
});