Acceder a los 5 ultimos td

[erxaca]

Hola!

a traves de javascript podría acceder a los 5 últimos td de una tabla? no importa que fueran td o p por ejemplo.

Saludos ;)

[zerokilled]

no importa que fueran td o p por ejemplo.

buenas, explica lo que subraye.

[Perr0]

asi es, tendrias que leer la tabla por el TAGNAME y crear un bucle for de acuerdo a los TR (creo que te referias a ellos y no a los TD), leyendo por el TAGNAME TR y luego de obtener el length - 5 puedes guardar los valores en un array...despues si quieres haces desaparecer la tabla y la generas nuevamente.

salu2

[erxaca]

zerokilled me refiero a tomar los cinco último elementos td o p si no creara una tabla, pero pienso que sería mas sencillo con tablas.

Como bien dice Perr0, me he equivocado, quiero modificar los td no los tr (gracias ;))

Perr0 cuando dices obtener el length - 5, te refieres a haber almacenado en un array hasta ese número? Podrías poner un ejemplo por favor?

Gracias por las respuestas ;)

[Perr0]

a ver, mira en vez de hacer eso...me fui por el lado mas fácil
si tienes una tabla con mas de 5 elementos y tenga un id="tabla"
al apretar un boton que tenga onclik="e()",
este hará lo siguiente:

analizar la tabla y empezar a recorrer los tr
el primer tr no lo tomara en cuenta por ser encabezado (es lo usual)
y continuara con los siguientes cambiando el estilo display a "none", osea
las ocultara hasta llegar al largo menos 5.

Código Javascript:

<script>
function e(){
    tab = document.getElementById("tabla");
    tr = tab.getElementsByTagName("tr");
    tope = tr.length - 5;
    for ( i = 0 ; i < tr.length ; i++ ){
        if ( i < tope && i != 0 ) tr.item(i).style.display = "none";
    }
    
}
</script>
 

analizalo tú.

salu2

[_cronos2]

Iniciado por Perr0

Código Javascript:

<script>
function e(){
    tab = document.getElementById("tabla");
    tr = tab.getElementsByTagName("tr");
    tope = tr.length - 5;
    for ( i = 0 ; i < tr.length ; i++ ){
        if ( i < tope && i != 0 ) tr.item(i).style.display = "none";
    }
    
}
</script>
 

Creo que es más snecillo así:

Código Javascript:

function e(){
    tab = document.getElementById("tabla");
    tr = tab.getElementsByTagName("tr");
    tope = tr.length - 5;
    for ( i = 1 ; i < tope; i++ ){
        tr[i].style.display = "none";
    }
    
}
 

Saludos (:

[Perr0]

jajajajaja
verdad cronos...
toda la razón!!!
salu2