如何在jquery中获取按钮的类id？

Question

如何在jquery中获取按钮的类id？ 我正在尝试使用此代码。

<div><button id="Button2" class="Default">2. Click to get Class ID.</button> </div>

提前致谢！

Answer 1

$("#myButton").click( function() {
     var class = $(this).attr("class");
});

请注意，这可能包含多个类。

如果您需要检查CSS类列表中是否存在特定的类：

$("#myButton").click( function() {
     var isHighlighted = $(this).hasClass("highlight");
});

还有addClass（）和removeClass（）。通常，将完整的类属性作为字符串检索的理由应该很少 - 通过使用jQuery方法来操作或比较属性要容易得多。

Answer 2

<input type="button" id="btn1" class="btnclass" onclick="alert(this.className);" />

或

document.getElementById('btn1').onclick = function () { alert(this.className); }

第二种选择是更好的做事方式。

Answer 3

您需要先将click事件绑定到按钮，然后使用jQuery attr() 来获取该类。

<强> Live Demo

$('#Button2').click(function(){
    alert($(this).attr('class'));
})

Answer 4

如果您想获得所点击按钮的所有ID，那么只需捕获所点击事件的目标ID：

在小提琴中看到这一点： http://jsfiddle.net/DhjBW/

这是html：

<span></span>

<button id='button 1'>btn1</button>
<button id='button 2'>btn2</button>
<button id='button 3'>btn3</button>

这是jQuery：

$("button").click(function(e) {
    $('span').text($(e.target).attr("id"));
});