设置最大增量 jQuery

Question

我正在使用按钮来增加显示选项卡计数的控件。 #clickedTab 的最大限制需要为 6。

递减工作正常并在 1 处停止。递增应在 6 处停止。

我正在使用以下代码：

jQuery(document).ready(function($) {
  //ARROW CONTROLS
  $("#prevtab").click(function() {
    $('#clickedTab').html(function(i, val) {
      return val * 1 <= 1 ? 1 : val * 1 - 1
    });
  });
  $("#nexttab").click(function() {
    $('#clickedTab').html(function(i, val) {
      return val * 1 + 1
    });
  });
});

#clickedTab { display:inline }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="control">
  <button id="prevtab" class="prevtab">prev</button>
  <span class="numbers dark md_font bold control-wrap"><div id="clickedTab">1</div>/6</span>
  <button id="nexttab" class="nexttab">next</button>
</div>

Answer 1

值 < 6 ？ val * 1 + 1 : val

如果 val 低于 6 则 val * 1 + 1 否则只是 val.

jQuery(document).ready(function($) {
  //ARROW CONTROLS
  $("#prevtab").click(function() {
    $('#clickedTab').html(function(i, val) {
      return val * 1 <= 1 ? 1 : val * 1 - 1
    });
  });
  $("#nexttab").click(function() {
    $('#clickedTab').html(function(i, val) {
      return val < 6 ? val * 1 + 1 : val
    });
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="control">
  <button id="prevtab" class="prevtab">-</button>
  <span class="numbers dark md_font bold control-wrap"><div id="clickedTab">1</div>/6</span>
  <button id="nexttab" class="nexttab">+</button>
</div>

设置最大增量 jQuery

Set Max Increment jQuery

jquery

max