jueves, 31 de mayo de 2012

makeArray contando objetos del documento DOM con Jquery


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>