如何使用 jquery 获取元素的 id、class 或 name attr

我是 jquery 新手。如何使用 jquery 获取元素的名称、ID 或类名称。我正在尝试：

<div class="className" onclick="getname();"></div>
<div id="idName" onclick="getName();"></div>
<div name="attrName" onclick="getName()"></div>

function getName(){
attrName = $(this).attr("name");
alert(attrName);
}

但不起作用

尝试这个：

JavaScript

$(function () {
    $('div').click(function () {
        var elem = $(this);
        alert('Class: ' + elem.attr('class'));
        alert('Id: ' + elem.attr('id'));
        alert('Name: ' + elem.attr('name'));    
    });​​​​
});

HTML

<div class="className" onclick="getname();"></div>
<div id="idName" onclick="getName();"></div>
<div name="attrName" onclick="getName()"></div>

CSS

​div {
    width: 100px;
    height: 100px;
    border: 1px solid black;
}​

JS小提琴：http://jsfiddle.net/54ynV/

在上面的脚本中，我们附加到页面上每个 div 的点击事件$('div').click...。在回调中我们获取它的属性。