Como añado el incremento del bucle al nombre de una variable

franjgg · #1 (**permalink**) 28/09/2013, 10:53

Hola amigos que tal,

Vereis tengo este codigo:

Código Javascript:

Ver originalfor(i=0;i<36; i++){
         
                 $( ".slider1"+i ).slider({
                animate: true,
                range: "min",
                value: 0,
                min: 0,
                max: 3,
                step: 1,
                
                //this gets a live reading of the value and prints it on the page
                slide: function( event, ui ) {
                    $( "#slider-result1"+i ).html( ui.value );
                },
 
 
                change: function(event, ui) { 
                $("#hidden1"+i).attr('value', ui.value);
                }
            
                });
 
          }

Que lo he metido dentro de un bucle for la cosa es que cesito añadir "i" como nombre, como puden ver lo que he hecho ha sido ponerlo de es ponerlo de este modo " $( ".slider1"+i ).slider({" pero no funciona.

A ver si pueden echarme una manilla

Un saludo!!

PHPeros · #2 (**permalink**) 28/09/2013, 11:01

Puedes poner los parámetros que quieras dentro de un bucle for, también con autoincremento.

Claro, esque no puedes concatenar un número tipo integer(variable i) con un string -->NaN(Not a Number)
En tal caso conviértelo:

Código Javascript:

Ver original+toString(i)

Saludos

Panino5001 · #3 (**permalink**) 28/09/2013, 11:20

Habría que ver el contexto, pero parece un caso semejante a este:

Código:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<form name="form1" method="post" action="">
  <input type="button" name="button1" id="button1" value="Botón">
  <input type="button" name="button2" id="button2" value="Botón">
  <input type="button" name="button3" id="button3" value="Botón">
<script>
for(var i=1,l=4;i<l;i++){
	document.getElementById('button'+i).onclick=function(){alert(i);};
}
</script>
</form>
</body>
</html>

Que se soluciona de esta manera (envolviendo la iteración en una función anónima y haciendo que la misma se ejecute en el momento con los valores adecuados):

Código:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<form name="form1" method="post" action="">
  <input type="button" name="button1" id="button1" value="Botón">
  <input type="button" name="button2" id="button2" value="Botón">
  <input type="button" name="button3" id="button3" value="Botón">
<script>
for(var i=1,l=4;i<l;i++){
	(function(i){
		document.getElementById('button'+i).onclick=function(){alert(i);};
	})(i);
}
</script>
</form>
</body>
</html>

Aunque la librería que usás creo que tiene un método bind que puede ayudarte.

franjgg · #4 (**permalink**) 30/09/2013, 02:32

Muchas gracias amigos!!

Me sirvio.

Muchisimas gracias