添加文本到Javascript Span id jquery

Adding Text to Javascript Span id jquery

本文关键字：id jquery Span Javascript 文本 添加      更新时间：2023-09-26

我们有一些代码，如果大于1，则填充数值，如果不大于1，则打印"In-Stock"

你是说

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

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

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


$(()=>{
  
  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>

var inventory = $('#our_inventory').getAttribute(class);
if (inventory < 0) {
    $('#our_inventory').html('In-Stock');
    } else {
    $('#our_inventory').html('Inventory:' + inventory);
    }
相关文章：