Comment obtenir la classe de l'élément cliqué ?

Question

Je n'arrive pas à trouver comment obtenir la class de l'élément cliqué.

Quand j'utilise le code ci-dessous, j'obtiens "node-205" à chaque fois.

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>

Answer 1

Voici un exemple rapide de jQuery qui ajoute un événement de clic à chaque balise "li", puis récupère l'attribut de classe de l'élément cliqué. J'espère que cela vous aidera.

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

De même, il n'est pas nécessaire d'envelopper l'objet dans jQuery :

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

Et dans les navigateurs plus récents, vous pouvez obtenir l'icône liste complète des noms de classes :

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

Vous pouvez imiter classList dans les anciens navigateurs utilisant myClass.split(/\s+/);

Answer 2

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

Answer 3

Cela devrait faire l'affaire :

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

Pour plus d'informations sur l'onglet ui.tab, voir http://jqueryui.com/demos/tabs/#Events

Answer 4

Veuillez consulter le .each() méthode

Answer 5

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