jueves, 31 de mayo de 2012

Arrays en Jquery InArray


Arrays en Jquery InArray

inArray() es una función muy útil para saber de la existencia de uno o varios elementos dentro de un Array.

En el siguiente ejemplo hay una tabla con una serie de palabras, si encuentras las que pertenecen al Array te saldrá un mensaje afirmativo, y negativo si no es encontrada ...

Buscar en el Array Elementos del Hogar ... posibles coincidencias

mesa persiana televisor cama radio bañera
armario silla Video Juego cocina lavadora frigorífico



El código del ejemplo ...

<!-- 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() {
var hogar = ["mesa", "silla", "cama", "televisor", "armario", "cocina"];
$(":button#buscar").click(function() {
$elemento = $(":text#texto").val();
if ($.inArray($elemento, hogar) > -1){
$("#caja").html("¡ENCONTRADO!");
}
else {$("#caja").html("¡NO ENCONTRADO!");}
});
});
</script>
</head>
<body>
Buscar en el Array Elementos del Hogar...
posibles coincidencias
<table border="2" cellpadding="5">
<tr><td> mesa </td><td> persiana </td><td> televisor </td><td> cama </td><td> radio </td><td> bañera </td></tr>
<tr><td> armario </td><td> silla </td><td> Video Juego </td><td> cocina </td><td> lavadora </td><td> frigorífico </td>
</tr>
</table>
<input type="text" id="texto">
<input type="button" id="buscar" value="buscar">
<div id="caja">
</div>
</body>
</html>