クリックされた要素のクラスを取得するにはどうすればよいですか？

classクリックした要素の値を取得する方法がわかりません。

以下のコードを使用すると、毎回「node-205」が表示されます。

jQuery：

.find('> ul')
.tabs(
{
    selectedClass: 'active',
    select: function (event, ui) {
        //shows only the first element of list
        $(this).children('li').attr('class');
    },
    cookie: { expires: 0 },
    fx: fx
})

HTML：

<ul class="tabs">
  <li class="node-205"></li>
  <li class="node-150"></li>
  <li class="node-160"></li>
</ul>

次に、クリックイベントを各「li」タグに追加し、クリックされた要素のクラス属性を取得するjQueryの簡単な例を示します。それが役に立てば幸い。

$("li").click(function() {
   var myClass = $(this).attr("class");
   alert(myClass);
});

同様に、jQueryでオブジェクトをラップする必要はありません。

$("li").click(function() {
   var myClass = this.className;
   alert(myClass);
});

また、新しいブラウザでは、クラス名の完全なリストを取得できます。

$("li").click(function() {
   var myClasses = this.classList;
   alert(myClasses.length + " " + myClasses[0]);
});

classList古いブラウザで以下を使用してエミュレートできますmyClass.split(/\s+/);

$("li").click(function(){
    alert($(this).attr("class"));
});

この質問を見たので、もう少し詳しく説明します。これは、@ SteveFentonの考えを拡張したものです。clickイベントを各li要素にバインドする代わりに、イベントをul下から委譲する方が効率的です。

jQuery 1.7以降の場合

$("ul.tabs").on('click', 'li', function(e) {
   alert($(this).attr("class"));
});

ドキュメンテーション： .on()

jQuery 1.4.2-1.7の場合

$("ul.tabs").delegate('li', 'click', function(e) {
   alert($(this).attr("class"));
});

ドキュメンテーション： .delegate()

jQuery 1.3-1.4の最後の手段として

$("ul.tabs").children('li').live('click', function(e) {
   alert($(this).attr("class"));
});

または

$("ul.tabs > li").live('click', function(e) {
   alert($(this).attr("class"));
});

ドキュメンテーション： .live()

これでうまくいくはずです：

...
select: function(event, ui){ 
   ui.tab.attr('class');
} ,
...

ui.tabの詳細については、http： //jqueryui.com/demos/tabs/#Eventsを参照してください。

提供されるすべてのソリューションでは、事前にクリックする要素を知る必要があります。クリックした要素からクラスを取得したい場合は、次を使用できます。

$(document).on('click', function(e) {
    clicked_id = e.target.id;
    clicked_class = $('#' + e.target.id).attr('class');
    // do stuff with ids and classes 
    })

$("div").click(function() {
  var txtClass = $(this).attr("class");
  console.log("Class Name : "+txtClass);
});