makeArray contando objetos del documento DOM con Jquery
makeArray es una función de Jquery que permite indexar objetos en la página web, por ejemplo indexar todos los párrafos, o todos los divs, o todas las tablas ...
En el siguiente ejemplo, al hacer click sobre el botón se extraerán el número total de DIVS que hay en esta página ...
El código del ejemplo es el siguiente ...
<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$(":button#boton").click(function(){
var elementos = $("div");
var NuevoArray = $.makeArray(elementos);
$.each(NuevoArray, function(index){
total = index + 1;
$("#caja").html("<b>El número total de DIVS que hay en esta página web es ... </b>" + "<b style='font-size: 18px;'>" + total + "</b><br>");
});
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="makeArray()">
<div id="caja">
</div>
</body>
</html>
No hay comentarios:
Publicar un comentario