-
Cómo conseguir TD Clase Valor en Jquery
-
Al igual que en JavaScript, puede obtener los valores de las etiquetas utilizando jQuery. JQuery es una biblioteca JavaScript que añade funciones y atajos para hacer secuencias de comandos más rápido y más fácil. Usando jQuery, se puede obtener el valor de la clase de todos los "<td>" o etiqueta celda de la tabla en el código. Esta secuencia de comandos utiliza la función "attr ()" que se puede obtener el valor de cualquier atributo de etiqueta, pero por sí mismo la función sólo obtendrá el valor del nombre de la primera clase encontrado. Usando el "cada uno) (" función, sin embargo, puede ejecutar "attr ()" en todas las etiquetas "<td>" para obtener todos los valores de la clase.
Instrucciones
1 Abra la página Web en el Bloc de notas o un editor de código, y buscar el archivo de biblioteca jQuery. Si el código no contiene ninguna referencia a este archivo, agregue este código:
<Script type = "text / javascript> </ script>
Coloque esta referencia entre los "<head>" etiquetas de código de la página web o justo por encima del cierre "</ body>" etiqueta.
2 Añadir un par de "<script>" etiquetas debajo de la referencia de la biblioteca jQuery:
<Script type = "text / javascript">
</ Script>
Escribir todo el código jQuery entre los "<script>" etiquetas.
3 Escribir una función para comprobar si el documento termina de cargar. Esto también se conoce como la función "documento listo":
$ (Function () {
});
El código anterior es la taquigrafía para "ready $ (document) ()".
4 Declarar una variable de tipo array que contendrá los valores de la clase de las etiquetas "<td>":
var tdValue = [];
Añadir el código entre las llaves de la función "documento listo".
5 Iterar a través de cada instancia de "<td>" en el código de la página web mediante la creación de un "cada uno) (" loop:
$ ( "TD"). Cada uno (function (i) {
});
Este código va después de la declaración de matriz. Tenga en cuenta que "cada uno ()" concede al selector "TD", y una variable "i" se pasa como un parámetro de la función. Se necesita la variable "i" para obtener valores de la matriz.
6 Establecer la matriz igual a los resultados de la "attr ()" función dentro de la "cada uno) (" loop:
tdValue [i] = $ (this) .attr ( "clase");
El "esto" selector se pone el selector de matriz, en este caso "TD" en el selector en la línea de código por encima de ella. Use "clase" dentro "attr ()" para obtener el valor del atributo de clase para cada etiqueta "<td>".
7 Salida el nombre de clase para cada etiqueta "<td>" como texto en cada celda de la tabla añadiendo esta línea de código después de la línea que contiene la función "attr ()":
$ (This) .text (tdValue [i]);
El guión terminado debería tener este aspecto:
$ (Function () {
var tdValue = [];
$ ( "TD"). Cada uno (function (i) {
tdValue[i] = $(this).attr("class");$ (This) .text (tdValue [i]);
});
});
Consejos y advertencias
- Si utiliza Firebug para depurar las secuencias de comandos, agregue esta línea de código para registrar todos los valores de la clase: "console.log (tdValue [i]);". Este código va dentro de la "cada uno ()" función, en su última línea.
