obtenir un nom de classe de l'élément avec onclick

À cause de différentes raisons, je ne peux PAS utiliser $('.de la classe).cliquez sur ou sur('click', function..)

Donc je dois vraiment utiliser le onclick="" événement à partir de l'élément html.

Est-il un moyen de trouver la classe de l'élément où le onclick qui se passe?

et le violon http://jsfiddle.net/Aw8Rb/

Merci pour toute l'aide!

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<span class="classic one"   onclick="someFunction('one')">CLICK HERE</span>
<span class="classic two"   onclick="someFunction('two')">CLICK HERE</span>
<span class="classic three" onclick="someFunction('three')">CLICK HERE</span>
<span class="classic four"  onclick="someFunction('four')">CLICK HERE</span>


<script type="text/javascript">

    function someFunction(abc) {
        alert(abc);
        alert($(this).attr('class'));

    }

</script>
</body>
</html>

OriginalL'auteur caramba | 2013-06-12

  1. 21

    vous avez besoin pour passer this de référence lors de l'appel de la fonction

    essayer cette

    <span class="classic one"   onclick="someFunction(this,'one')">CLICK HERE</span>
......  //same for others

    jquery

    function someFunction(obj,abc) {
        alert(abc);
        alert($(obj).attr('class'));

    }

    avec du javascript (sans Jquery) 

    function someFunction(obj,abc) {
        alert(obj.className);
}

    violon ici

    hey bipen fonctionne tout simplement parfait! merci tellement de choses! exactement ce dont j'ai besoin, et si heureux de savoir cela maintenant. domo arigato
    bienvenue.. content, il a aidé.. amusez-vous bien.. 🙂
    Merci! Il a aidé les Acclamations copain 🙂

    OriginalL'auteur bipen

  2. 6

    Un non-jquery utilisant this.className ici.

    OriginalL'auteur

  3. 2

    Si vous ajoutez l'élément à l'argument que vous pouvez utiliser dans votre fonction pour récupérer toutes les données que vous souhaitez

    Essayez ceci:

        <span class="classic one"   onclick="someFunction('one',this)">CLICK HERE</span>
    <span class="classic two"   onclick="someFunction('two',this)">CLICK HERE</span>
    <span class="classic three" onclick="someFunction('three',this)">CLICK HERE</span>
    <span class="classic four"  onclick="someFunction('four',this)">CLICK HERE</span>


    <script type="text/javascript">

        function someFunction(abc,obj) {
            alert(abc);
            alert($(obj).attr('class'));

        }
    </script>

    DÉMO

    OriginalL'auteur Alessandro Minoccheri

  4. 2

    De jsfiddle que vous avez fourni, modifier votre code comme ci-dessous et vous aurez la réponse (de classe) correctement.

    <span class="classic four"  onclick="someFunction(this,'four')">CLICK HERE</span>

function someFunction(obj,abc) {
    alert(abc);
    alert(obj.getAttribute('class'));   
}

    Passer this comme premier argument et y accéder ensuite en fonction obj. Après cela, vous pouvez utiliser obj.getAttribute('class')

    OriginalL'auteur NullPointer

  5. 1

    Ajouter this comme un argument de la ligne de gestionnaire d'événement:

    <span class="classic one"   onclick="someFunction(this,'one')">CLICK HERE</span>

    Puis utilisez le className propriété de l'élément pour obtenir le nom de la classe

    function someFunction(e,abc) {
      console.log(this);
      alert(e.className);
}

    Exemple De Travail http://jsfiddle.net/Aw8Rb/8/

    OriginalL'auteur Kevin Bowersox

  6. 1

    Passer this.className que le paramètre .. par exemple. 

    <input type="button" onclick="abc(this.className)" />

    OriginalL'auteur Jason

  7. 0
    onclick="javascript:someFunction(this)"

function someFunction(obj) {  
            console.log($(obj).attr('class'));  
}

    Vous obtiendrez les deux classes dans l'ordre de l'écriture.

    OriginalL'auteur Sudip Pal