Obtener valor del texto interno

Question

Estoy trabajando con Flexigrid Plugin con jQuery. Ok, entonces tengo un DIV con dos elementos de tramo, contendrían el texto de texto/visualización para los botones que proporciona Flexigrid. El problema es que no hay mecanismo para agregar ID a esos botones, excepto para agregar un texto diferente.

<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>  

Así es como se organizan los botones. Entonces, en el botón de ese botón, obtengo el texto dentro del tramo, como agregar y eliminar. Ahora quiero agregar una etiqueta de clase a ese lapso, para diferenciar entre el botón activo y el otro.

Así que se me ocurrió la idea de que si pudiera obtener el texto del tramo que coincida con el texto que se devuelve, podría agregar la clase a ese lapso.

Pero cuando lo hago

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

Solo recibo el texto del primer tramo y no el segundo. ¿Alguien podría ayudarme a obtener el HTML de ambos tramos y no solo el primero?

Answer 1

Prueba esto>

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

Answer 2

Necesitas cada.

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

Sin embargo, me gustaría señalar que es probable que este enfoque cause problemas de accesibilidad para los usuarios de lectores de pantalla. Si absolutamente debe reinventar los botones por alguna razón, use ARIA atributos para que sus visitantes ciegos tengan alguna esperanza de que funcione bien.

Answer 3

JQuery selecciona automáticamente el primer elemento de una serie si intenta obtener una propiedad como HTML o texto. Para obtener el segundo (o cualquier número) intente:

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

Puede sustituir cualquier índice basado en 0 en 1.