循环内的jquery .click()

时间:2018-08-10 03:17:25

标签: javascript jquery loops

我的HTML中有几个

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

和一个

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

在我的js中,

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

为什么循环内的click事件不起作用?

2 个答案:

答案 0 :(得分:2)

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

您当前正在为ID为i的元素创建事件处理程序,而不是您应该为id 1,id 2等创建事件处理程序。 我的建议是提供有意义的名称。

答案 1 :(得分:1)

<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>
automountServiceAccountToken