How to loop function in javascript

Question

I have same function that I want to make it based on user input ,

    for(var u = 1; u <= tmp; u++){            
      $('#photo_'+u).change(function(){
            $('#src_'+u).val($(this).val());
      });

Caption: tmp is user input

I try jshint in jsfiddle showing error : "Don't make function withit loop"

how to make that function loop

My question is based in this Link Here

no need for a loop you have to use class instead of using elemant ID.. just check the answer — ReNiSh AR, Jan 30 '14 at 06:36
just `$('#photo_'+u).change(function() { $('#src_'+u).val($(this).val()); });` is sufficient enough — Deepak Ingole, Jan 30 '14 at 06:40

score 2 · Answer 1 · answered Jan 30 '14 at 06:34

2

change id and use class:

 $('.photo').change(function(){
     $(this).find('.src').val($(this).val());
 });

change #photo_... and #src_... to class.

$(this) will to point to current .photo element

no need for a loop in this case...

answered Jan 30 '14 at 06:34

ReNiSh AR

2,782
2
30
42

but i need loop, for each content – Mamen Jan 30 '14 at 06:36
2

this will apply the function to all elements without loop.. – ReNiSh AR Jan 30 '14 at 06:36
please provide the html content in your page – ReNiSh AR Jan 30 '14 at 06:37

score 2 · Answer 2 · edited Jan 30 '14 at 06:38

2

var functionStr="";   
     for(var u=1;u<=tmp;u++){    
     if(u==tmp)   
     {
        functionStr=functionStr+"#photo_"+u; 
     }  
     else  
     {   
        functionStr=functionStr+"#photo_"+u+",";       
     }


     $(functionStr).change(function(){

           $('#src_'+u).val($(this).val());

    });

edited Jan 30 '14 at 06:38

Satish Sharma

9,547
6
29
51

answered Jan 30 '14 at 06:35

Esha Jain

555
5
16

How to loop function in javascript

2 Answers2