Obtenez la valeur de texte à l'intérieur durée

Question

Je travaille avec le plugin Flexigrid avec JQuery. Ok donc j'ai un div avec deux éléments de portée, ils contiennent le texte texte / affichage des boutons Flexigrid fournit. Le problème est, il n'y a pas de mécanisme pour ajouter des ids à ces boutons, sauf pour ajouter un texte différent.

<div class="tdiv2>  
    <div class="fbutton">
        <div>
            <span class="view" style="padding-left: 20px;">Add</span>
        </div>
    </div>
    <div class="fbutton">
        <div>
            <span class="view" style="padding-left: 20px;">Delete</span>
        </div>
    </div>
</div>  

Voici comment les boutons sont disposés. Alors onclick de ce bouton, je reçois le texte à l'intérieur de la portée, comme Ajout et suppression. Maintenant, je veux ajouter une balise de classe à cette période, de faire la différence entre le bouton actif et l'autre.

Alors je suis venu avec l'idée que si je pouvais obtenir Span-texte qui correspond au texte à retourner, je pourrais ajouter la classe à cette période.

Mais quand je fais

alert($('.tDiv2 span').html()); 

Je ne cesse de se le texte de la première travée et non le second. Pourrait aider quelqu'un me à obtenir le code html des deux travées et non seulement la première.

Answer 1

Essayez ceci>

$('.tDiv2 span').each(function(index, el) { alert($(el).html()); });

Answer 2

Vous avez besoin chaque .

$('.tDiv2 span')each(function(node){ alert(node.html()); });

Cependant, je voudrais souligner que cette approche est susceptible de causer des problèmes d'accessibilité pour les utilisateurs de lecteurs d'écran. Si vous devez absolument réinventer des boutons pour une raison quelconque, puis utilisez les attributs ARIA si que vos visiteurs aveugles ont un peu d'espoir de le faire fonctionner à droite.

Answer 3

jQuery sélectionne automatiquement le premier élément d'une série si vous essayez d'obtenir une propriété comme html ou texte de celui-ci. pour obtenir le deuxième (ou tout autre nombre) essayer:

alert($('.tDiv2 span').eq(1).html()); //returns 2nd element's html content

Vous pouvez remplacer un 0 indice basé à pour 1.