Empujando a una matriz en div -- javascript campo con arrays camp Relacionados El problema

Pushing to an array on div click


1
vote

problema

Español

Estoy tratando de mostrar una matriz cuando alguien hace clic en un div que se compone de las ID de esas DIVS. Lo que tan lejos sigue reemplazando los valores en lugar de agregarlo. Obtengo uno dos o tres en lugar de uno, dos, tres, que es lo que quiero. Creo que podría ser cómo estoy usando la función de clic, pero no estoy seguro.

  <div class="status" id="one">1</div> <div class="status" id="three">333</div> <div class="status" id="two">22</div>  <p id="demo">The array.</p>  $('.status').click(function() {     var status = $(this).attr('id');     var list = [];      list.push(status)     //alert(status);       var x=document.getElementById("demo");     x.innerHTML=list; });   

Tener un violín http://jsfiddle.net/3zdzc/

Original en ingles

I am trying to show an array when someone clicks a div that is made up of the ids of those divs. What I have so far keeps replacing the values rather than adding to it. I get one two or three rather than one,two,three which is what I want. I think it might be how I am using the click function but I am not sure.

<div class="status" id="one">1</div> <div class="status" id="three">333</div> <div class="status" id="two">22</div>  <p id="demo">The array.</p>  $('.status').click(function() {     var status = $(this).attr('id');     var list = [];      list.push(status)     //alert(status);       var x=document.getElementById("demo");     x.innerHTML=list; }); 

Have a fiddle http://jsfiddle.net/3zDZC/

     
 
 

Lista de respuestas

0
 
vote
vote
La mejor respuesta
 

El problema es que sigues recreando la matriz. Quieres crear la matriz fuera del controlador.

Además, en lugar de configurar INTERHTML a la matriz, querrá llamar a la matriz para que los contenidos de DIV tomen los valores de lo que es en la matriz .

  interface111  
 

The problem is that you keep re-creating the array. You want to create the array outside the handler.

Also, instead of setting innerHTML to the array, you'll want to call join on the array so the div's contents take the values of what's in the array.

var list = [];  $('.status').click(function() {     var status = $(this).attr('id');      list.push(status)     //alert(status);       var x=document.getElementById("demo");     x.innerHTML=list.join(', '); }); 
 
 
0
 
vote

Sigues limpiando la matriz en cada clic. Mover interface2 Para estar fuera del controlador de clic:

  interface3  

ejemplo jsfiddle

y, dado que estás usando jquery, puedes cambiar esto:

  interface4  

a solo:

  interface5  
 

You keep clearing the array on every click. Move var list = []; to be outside the click handler:

var list = []; $('.status').click(function () {     var status = $(this).attr('id');     list.push(status)     //alert(status);      var x = document.getElementById("demo");     x.innerHTML = list; }); 

jsFiddle example

And since you're using jQuery, you can change this:

var x = document.getElementById("demo"); x.innerHTML = list; 

to just:

$('#demo').html(list); 
 
 

Relacionados problema

93  ¿Cómo descargar un bytearray usando ActionScript 3?  ( How to unload a bytearray using actionscript 3 ) 
¿Cómo descargo en la fuerza un ByteArray de la memoria usando ActionScript 3? He intentado lo siguiente: AF_INET0 ...

1  poner matriz de clase personalizada en un conjunto de datos o XML (C #)  ( Put custom class array into a dataset or xml c ) 
Estoy haciendo un pequeño juego de cartas que requiere una lista de puntuación más alta que se guarda en un archivo externo, y están cargados de ella al comie...

0  Operación de matriz JavaScript  ( Javascript array operation ) 
var arr = ['prueba', 'hola']; ¿Hay una llamada nativa de JavaScript para obtener un índice de algún valor ('Hello') en una matriz? ...

216  NET Estructuras de datos: Arraylist, Lista, Hashtable, Diccionario, Lista de clasificación, SortedDictionary - Velocidad, Memoria, ¿Cuándo usar cada uno?  ( Net data structures arraylist list hashtable dictionary sortedlist sorted ) 
.NET tiene muchas estructuras de datos complejas. Desafortunadamente, algunos de ellos son bastante similares, y no siempre estoy seguro de cuándo usar uno y ...

51  Usando 'in' para que coincida con un atributo de los objetos de Python en una matriz  ( Using in to match an attribute of python objects in an array ) 
No recuerdo si estaba soñando o no, pero parece que me recuerdo que hay una función que permitió algo como, foo in iter_attr(array of python objects, attri...

76  ¿Cuál es la mejor manera de generar una nube de etiquetas de una matriz usando H1 a H6 para el tamaño?  ( Whats the best way to generate a tag cloud from an array using h1 through h6 fo ) 
Tengo las siguientes matrices: $artist = array("the roots", "michael jackson", "billy idol", "more", "and more", "and_YET_MORE"); $count = array(5, 3, 9, 1...

352  ¿Cuál es la forma de "correcta" de iterar a través de una matriz en Ruby?  ( What is the right way to iterate through an array in ruby ) 
PHP, para todos sus defectos, es bastante bueno en este aspecto. No hay diferencia entre una matriz y un hash (tal vez soy ingenuo, pero esto parece obvio der...

0  ¿Puedo obtener todas las llaves de una matrices asociativas de varios niveles en PHP?  ( Can i get all keys of an multi level associative arrays in php ) 
¿Hay alguna forma en PHP en la que puedo obtener las llaves de nivel N para la matriz multidimensional en PHP? Aquí está mi matriz asociativa y como salida....

4  PHP: Ordenar una matriz  ( Php sort an array ) 
Tengo una matriz con datos de una tabla MySQL en un modelo establecido anidado, me gustaría ser ordenado, no solo alfabético, sino también con los nodos infan...

40  ¿Cuál es la mejor manera de iterar a través de una matriz en Classic ASP vbscript?  ( What is the best way to iterate through an array in classic asp vbscript ) 
en el código a continuación For i = LBound(arr) To UBound(arr) ¿Cuál es el punto en preguntar usando LBound ? Seguramente eso es siempre 0. ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos