jquery - jqueryでボタンのクラスIDを取得するには?

Question

jqueryでボタンのクラスIDを取得するには? 私はこのコードで試しています。

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

前もって感謝します！

score 5 · Accepted Answer

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

ただし、これには複数のクラスが含まれる可能性があることに注意してください。

CSSクラスリストに特定のクラスが存在するかどうかを確認する必要がある場合：

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

addClass（）とremoveClass（）もあります。一般に、完全なクラス属性を文字列として取得する理由はほとんどないはずです。代わりにjQueryメソッドを使用すると、属性を操作または比較する方がはるかに簡単です。

score 1 · Accepted Answer

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

また

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

2番目のオプションは物事を行うためのより良い方法です。

score 1 · Accepted Answer

最初にイベントをボタンにバインドclickしてから、jQueryattr()を使用してクラスを取得する必要があります。

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

score 0 · Accepted Answer

クリックされたボタンのすべての 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"));
});

4 に答える 4