Adding Text to Javascript Span id jquery

Question

We have some code that populates a numerical value if greater than 1, and if not, it prints "In-Stock".

maybe I'm tired but I can't understand your question. our_inventory is an id, not a value. — Ted
– Ted, Commented Oct 14, 2016 at 11:53
don't edit you question so that it's totally blank. It's fine how it is — Liam
– Liam, Commented Oct 14, 2016 at 14:21

mplungjan · Accepted Answer · 2016-10-14 11:54:33Z

2

You mean

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

answered Oct 14, 2016 at 11:54

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mahi Over a year ago

use prepend() method

mplungjan Over a year ago

That may have side effects depending on the css

Dez · Accepted Answer · 2016-10-14 12:15:12Z

0

Add the following lines in the appropiate place of your jQuery script. You just need to use the .before method from jQuery to place some text before the chosen element.

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

edited Oct 14, 2016 at 12:15

answered Oct 14, 2016 at 12:09

Dez

5,8878 gold badges47 silver badges53 bronze badges

Comments

Chamith Saranga · Accepted Answer · 2016-10-14 12:58:25Z

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

Pavlo Chebotiuk · Accepted Answer · 2016-10-14 19:28:27Z

-1

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

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

edited Oct 14, 2016 at 19:28

answered Oct 14, 2016 at 12:03

Pavlo Chebotiuk

215 bronze badges

2 Comments

beerwin Over a year ago

what is inventory?

andreas Over a year ago

While this code snippet may solve the question, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion.

Collectives™ on Stack Overflow

Adding Text to Javascript Span id jquery

4 Answers 4

2 Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related