jquery .click() inside a loop

Question

i have a couple of these in my HTML

<input id="1" type="button" value="1" >

and one

<input type="text" name="answer" id="answer">

in my js i have

sum =(eve)=>{
       dir=$("input:text").val()+eve.target.value;
      $("input:text").val(dir)
     }
      for(let i=1;i<6;i++){
      $("#i").click(sum);
  }

why doesn't the click event inside the loop work?

cdoshi · Accepted Answer · 2018-08-10 03:19:52Z

2

$("#i").click(sum); should be $("#" + i).click(sum);

You are currently creating event handlers for element with id i, instead you should be creating with id 1, id 2 etc. My suggestion would be to provide meaningful names.

answered Aug 10, 2018 at 3:19

cdoshi

2,8321 gold badge15 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sivakumar Tadisetti · Accepted Answer · 2018-08-10 03:36:09Z

1

sum = (eve) => {
  var answer = $("#answer").val() ? parseInt($("#answer").val()) : 0;
  var result = answer + parseInt(eve.target.value);
  $("#answer").val(result)
}

function doSum() {
  for (let i = 1; i < 6; i++) {
    $("#" + i).click();
  }
}

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<input id="1" type="button" value="1" onclick="sum(event)">
<input id="2" type="button" value="2" onclick="sum(event)">
<input id="3" type="button" value="3" onclick="sum(event)">
<input id="4" type="button" value="4" onclick="sum(event)">
<input id="5" type="button" value="5" onclick="sum(event)">

<input type="text" name="answer" id="answer">

<button onclick="doSum()">Click to Sum</button>

answered Aug 10, 2018 at 3:36

Sivakumar Tadisetti

5,0617 gold badges39 silver badges62 bronze badges

Collectives™ on Stack Overflow

jquery .click() inside a loop

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest