jquery - 如何在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先将事件绑定到按钮，然后使用 jQueryattr()获取类。

现场演示

$('#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"));
});