jQuery Obtenir un Nom de Classe

Je vais essayer d'obtenir le nom de la classe à partir d'une sélection d'images lorsque vous cliquez dessus.

Le code ci-dessous récupère les premières images nom de la classe, mais quand je clique sur mes autres images avec différentes valeurs de classe, ils affichent les premières images de la classe.

Comment puis-je obtenir chacune des images de la classe de valeur?

HTML

<a href="#" title="{title}" class="bg"><img src="{image:url:small}" alt="{title}" class="{image:url:large}" /></a>

jQuery Code

    $(".bg").click(function(){
        var1 = $('.bg img').attr('class');

OriginalL'auteur Jemes | 2011-03-17

  1. 6

    Essayez plutôt ceci:

    $(".bg").click(function(){
    var1 = $(this).children('img').attr('class');
    Merci pour votre aide, ça fonctionne vraiment bien. J'ai aussi trouvé que var1 = $('img', this).attr('class'); fonctionne aussi bien, mais quelle serait la meilleure méthode à utiliser?
    À la fois tout aussi valable dans votre cas, $('img', this) peut-être mieux. Si vous avez déjà le contexte défini si, à l'appel de .les enfants() ou .find() est ce que vous voulez faire.
    Merci pour les conseils.
    et @fx_: par ailleurs à l'aide de $('img',this) causes jQuery appeler, en interne, $(this).find('img'): "en Interne, le sélecteur de contexte est mis en œuvre avec l' .méthode find (), $('span', this) est équivalent à $(this).find('span')." Qui implique que ce dernier est légèrement plus rapide (quoique micro-micro-optimisation).

    OriginalL'auteur fx_

  2. 3

    Essayer:

    $(".bg").click(function(){
    var1 = $(this).attr('class');
});

    Ci-dessus peut, à la réflexion, à l'être pas tout à fait ce que vous êtes après. Je vous suggère d'essayer:

    $('.bg img').click(  //attaches the 'click' to the image
    function(){
        var1 = $(this).attr('class');
    });

    Ou:

    $(".bg").click(function(){
    var1 = $(this).find('img').attr('class'); //finds the 'img' inside the 'a'
});
    Merci pour la réponse, mais qui va me donner la valeur de classe de la lien de l'image.
    alors que les premier section de code serait, en effet, de retour de la class nom de la a les deux derniers exemples de code sera de retour le class de l'image; le dernier des trois, en particulier, serait de travailler comme vous en avez besoin.
    Merci pour l'aide.
    pas de problème 🙂

    OriginalL'auteur David Thomas