jQuery se puede utilizar para contar las columnas de la tabla HTML.
El marco de JavaScript jQuery permite a los desarrolladores web para acceder a algunas de las funciones de JavaScript a través de unos simples comandos de jQuery. Específicamente, la jQuery. Encontrar () método se puede utilizar para encontrar el número de elementos en una página web. Por ejemplo, un desarrollador Web puede optar por utilizar el método jQuery encontrar para localizar el número de columnas en un elemento de la tabla HTML. felicitar mujer timida
Insertar el archivo de jQuery en su página. Usted puede descargar desde el sitio de jQuery jQuery o incrustar el archivo de API de Google para desarrolladores. Este código de ejemplo utiliza la API de Google:
guión "src =" http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js "/ script
Asignar una identificación a su elemento de la tabla. jQuery utiliza la identidad de la tabla para determinar qué tabla debe contar el número de columnas pulg Mira esta tabla HTML ejemplo. La tabla contiene el ID "grocery" y tiene tres columnas que contienen datos de artículos comestibles.
nombre de la tabla = id 'comestibles' = border 'comestibles' = '5 '
tr
thUPC Número / th
thName / th
thPrice / th
/ Tr
tr
td240494/td
tdApple / td
td.49/td
/ Tr
tr
td240495/td
tdPear / td
td.29/td
/ Tr
tr
td240496/td
tdPeach / td
td.24/td
/ Tr
/ Table
Escriba el código de jQuery. El código jQuery debe escuchar un evento de activación, utilice el método de encontrar para contar el número de elementos TR y reportar lo que cuenta. Este código jQuery muestra logra este objetivo:
lenguaje de script = "JavaScript"
showColumns function () {
var numCols = $ ("# comestibles") find ('tr') [0] cells.length..;
alert ('Total de columnas:' + numCols);
}
/ Script
Crear un evento desencadenante. En este ejemplo, un botón de entrada HTML tradicional llama a la función jQuery:
forma
input type = value 'botón' = 'El número de columnas "onclick =" javascript: showColumns (); "
/ Forma
Situado dentro de las etiquetas adecuadas, el código de ejemplo completo aparece como sigue:
HTML
cabeza
script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" / script
lenguaje de script = "JavaScript"
showColumns function () {
var numCols = $ ("# comestibles") find ('tr') [0] cells.length..;
alert ('Total de columnas:' + numCols);
}
/ Script
/ Head
cuerpo
nombre de la tabla = id 'comestibles' = border 'comestibles' = '5 '
tr
thUPC Número / th
thName / th
thPrice / th
/ Tr
tr
td240494/td
tdApple / td
td.49/td
/ Tr
tr
td240495/td
tdPear / td
td.29/td
/ Tr
tr
td240496/td
tdPeach / td
td.24/td
/ Tr
/ Table
pbr / / p
forma
input type = value 'botón' = 'El número de columnas "onclick =" javascript: showColumns (); "
/ Forma
/ Cuerpo
/ Html
Bueno!
ResponderEliminar