javascript - 单击后如何更新javascript/jquery中的变量？

我正在尝试编写一些代码，如果#hold占位符div中的直接子div少于3个，则仅允许单击带有.add类功能的按钮。 theDiv_append是一个单独的函数，可在#hold div占位符内添加一个div块。我正在尝试更新countingdivs变量，然后对#hold内的div数进行计数和更新，但是它不起作用。当前，添加按钮不会被禁用。

   var countingdivs = '1';
    if(countingdivs <= '2') {
  $(document).on('click',".add",theDiv_append);
    countingdivs = $("#hold > div").length;
   };

任何帮助都会很棒。谢谢！

最佳答案

将条件移至单击处理程序：

$(document).on('click', '.add', theDiv_append);

function theDiv_append() {
    var $hold = $('#hold'),
        len = $hold.children('div').length;

    if (len <= 2) {
      // ...
    }
}

关于javascript - 单击后如何更新javascript/jquery中的变量？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17643902/