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 ...
| 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>
No hay comentarios:
Publicar un comentario