javascript - Jquery 递增数字，限制为 5

Question

我正在通过单击添加文本字段。我想做的是将盒子的数量限制在 5 个左右。

我还需要增加用作 ID 的数字。

我的代码:

jQuery('#add_slider_image').click(function() {

        var i = 0
        var plus = ++i;


        jQuery('.form-table').append("<tr><td><input type'text' value='' name='slider[]' /><input type='button' name='sliderbut' value='Upload' id='button' rel='"+ plus +"' /></td><tr>");

        var count = jQuery.('#button').attr('rel');

        if(count=5){
         alert('Limit reached');
        }
    })

谢谢

Answer 1

您必须将计数器变量放在事件处理程序之外，否则每次都会从零开始。

您应该将添加元素的代码放在 if 语句中，以便显示消息或添加元素。

当您已经拥有值时，从刚刚添加的按钮读取该值是没有意义的。此外，id 应该是唯一的，因此您不会从最后一个按钮获取值，而是从第一个按钮获取值。

比较运算符是==，如果您使用=，您将为变量赋值，因此条件最终总是为真。

$(document).ready(function(){

  var sliderCount = 0;

  jQuery('#add_slider_image').click(function() {

    if (sliderCount == 5) {
      alert('Limit reached');
    } else {
       sliderCount++;
       jQuery('.form-table').append('<tr><td><input type="text" value="" name="slider[]" /><input type="button" name="sliderbut" value="Upload" rel="'+ sliderCount +'" /></td><tr>');
    }

  });

});