Question

在else语句下，我无法弄清楚如何将userChoice的值传递给jquery对象“.unit”，以便存储在.unit中的div数量由用户给出的数字决定。 $ pallet作为html中的div容器存在。任何有关这方面的帮助将不胜感激！

$(document).ready(function() {
  for (var x = 0; x < 16; x++) {
    for (var y = 0; y < 16; y++) {
      var unit = $("<div class='unit'></div>");
      unit.appendTo('#pallet');
    }
  }
  $(".unit").hover(function() {
    $(this).css("background-color", "black");

  });
  document.getElementById("reset").onclick = gridReset;

  function gridReset() {
    var userChoice = prompt("Between 1 and 64 how big would you like your grid?");

    if (isNaN(userChoice)) {

      alert(userChoice + " is not a number");

    } else if (userChoice >= 65 || userChoice <= 0) {

      alert("Choose a number between 1 and 64");

    } else {

      $(".unit").css("background-color", "blue");
    }
  }
});

Answer 1

您只需在div中设置隐藏输入，即可保留值。

var unit = $("<div class='unit'><input type='hidden' class='unit-value'/></div>");

并在你的其他声明中：

$(".unit").css("background-color", "blue");
$(".unit-value").val(userChoice);

Answer 2

使用$(".unit").data("userChoice", userChoice);然后您可以在var userChoice = $(".unit").data("userChoice");

的任何地方拨打此电话

用户值传递给jquery对象

2 个答案: