javascript - 变量返回为未定义的 jQuery

Question

我正在尝试调用 jQuery 中的函数，但变量在控制台中返回为未定义

   var divide = function(entry) {
        var entry = number

        for (var i = 1; i <= entry; i++) {
            if (i % 5 === 0 && i % 3 === 0) {
              return "pingpong";
            } else if ( i % 3 === 0) {
              return "ping";
            } else if (i % 5 === 0 ) {
              return "pong";
            } else {
              return i;
          }
       }
    }

    $(document).ready(function(){
        $("form#number").submit(function(event){

           var number = parseInt($("#userNumber").val());
           var pingpong = divide (number);

           $("#result").text(pingpong);
           event.preventDefault();
      });

    });

Answer 1

为什么你需要 for-loop为了这 ？正在将号码分配给 entry不会有帮助 number在 $(document).ready 的本地范围内divide 是未定义的。当你经过entry作为参数，将其用于 conditions

试试这个:

var divide = function(i) {
  if (i % 5 === 0 && i % 3 === 0) {
    return "pingpong";
  } else if (i % 3 === 0) {
    return "ping";
  } else if (i % 5 === 0) {
    return "pong";
  } else {
    return i;
  }
}

$(document).ready(function() {
  $("form#number").submit(function(event) {
    var number = parseInt($("#userNumber").val());
    var pingpong = divide(number);
    $("#result").text(pingpong);
    event.preventDefault();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form id='number'>
  <input type="number" id='userNumber'>
  <input type="submit">
  <div id="result"></div>
</form>

Fiddle here