Question

我有一个名为<span id="qty"></div>的范围，其值是动态生成的。我创建了这个条件来隐藏数量，如果结果小于1但它似乎不起作用

   var qty = parseInt($('#qty').text());
    if(qty < 1){
       $('#qty').hide();
    }else{
        $('#qty').show();
    }

Answer 1

if-else语句只触发一次。您需要向#qty添加一个事件监听器，因为change上没有<span>个事件。

以下是一个例子：

＆＃13;

$('#qty').on('change', function() {
  var qty = parseInt($(this).text())
  if (qty < 1) {
    $(this).hide()
  } else {
    $(this).show()
  }
})

$('#add').on('click', function() {
  $('#qty').text(parseInt($('#qty').text()) + 1).trigger('change')
})

$('#minus').on('click', function() {
  $('#qty').text(parseInt($('#qty').text()) - 1).trigger('change')
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="qty">0</span>
<br>
<button id="add">Add</button>
<button id="minus">Minus</button>

＆＃13;

显示基于动态跨度值jquery的结果

1 个答案: