将文本添加到Javascript Span id jquery

Question

如果大于1，我们有一些填充数值的代码，如果没有，则打印“In-Stock”。

Answer 1

你的意思是

var $inv = $('#our_inventory'), val = parseInt($inv.text(),10);
$inv.text(val>0?"Inventory:"+val:"In-Stock");

Answer 2

在jQuery脚本的适当位置添加以下行。您只需要使用jQuery中的.before方法在所选元素之前放置一些文本。

<script>
if(parseInt($('#our_inventory').text(),10) > 0)
    $('our_inventory').before("Inventory: ");
</script>

Answer 3

$(()=>{
  
  var val = -5;
  trigger();
  $('#up').click(()=>{
     val++;
     $('#hnd').text(val);
   trigger();
  });

 $('#down').click(()=>{
       val--;
     $('#hnd').text(val);    
     trigger();
  });
  

function trigger(){
      var our_inventory_value = Number($('#hnd').text());
      $('#show').text(our_inventory_value);
    
     if(our_inventory_value<0){
      $('#our_inventory').text('in inventory');
     }else{
      $('#our_inventory').text(our_inventory_value);
     }

}

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <h3>Demo </h3>
  <button id='up'> up </button>
  <button id='down' >down </button>
  <br/>
  <span id="our_inventory" class="value"></span> <br/><br/>
   <span id="show" class="value"></span>
  <input type='hidden' id='hnd' value='-5'/>
  </form>

Answer 4

var inventory = $('#our_inventory').getAttribute(class);

if (inventory < 0) {
    $('#our_inventory').html('In-Stock');
    } else {
    $('#our_inventory').html('Inventory:' + inventory);
    }