If statement from span "1 left"?

Question

I need to create an if statement in Js fetching when there's only 1 left (product) in stock. How would I go about this?

HTML on productpage:

<div id="product-spec">
 <div class="row">
  <ul class="col-xs-12">
   <li class="h4">
    <span class="availabilty"
     <span class="small">1 left</span>
    </span>
   </li>
  </ul>
 </div>
</div>

My Javascript so far:

if (.small == 1 left) { 
// execute this code 
}

W3 Schools - If Statements doesn't make me more sane.

Don's use W3Schools for reference, ever. Check [this question](http://stackoverflow.com/questions/3808808/how-to-get-element-by-class-in-javascript) to figure how to select an element by class in javascript. Look [here](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) to learn about `innerHTML` in javascript and [here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators) to get your head around value comparison in javascript. Good luck! — Luuuud, Jan 11 '16 at 10:06

lucas · Accepted Answer · 2016-01-11T09:59:11.123

1

try

if(document.querySelectorAll(".small")[0].innerHTML==="1 left"){
// get funky
}

[EDIT]

if($(".small").eq(0).text() == "1 left"){ 
$(".small").eq(0).prepend( "<div style="lots of styling"></div>" ); 
 }

edited Jan 11 '16 at 09:59

answered Jan 11 '16 at 09:24

lucas

1,485
13
22

Maybe something like this? if($(element).text() == "1 left") – Hbaecklund Jan 11 '16 at 09:28
that would be the superfluous jQuery way of doing it, yes: `if($(".small").eq(0).text() == "1 left"){ // monkey business }` – lucas Jan 11 '16 at 09:32
I want to call the if statement, and then .prepend style with jquery. What is the proper way of doing so? $( "if statement" ).prepend( "
" ); – Hbaecklund Jan 11 '16 at 09:55
if($(".small").eq(0).text() == "1 left").prepend("
"); **?** – Hbaecklund Jan 11 '16 at 09:58
see my revised answer. I would suggest you spend a little time learning vanilla js before you start using frameworks like jQuery - you seem to be lacking fundamentals. And btw, this: `` – lucas Jan 11 '16 at 10:00
Thank you Lucas! I'll look into it. – Hbaecklund Jan 11 '16 at 10:06

score 0 · Answer 2 · answered Jan 11 '16 at 09:28

You write like this

var product = document.getElementsByClassName('modal_link')[0];
// if inner text exist
if(product.innerText) {
    // getting count products from string
    var countProduct = parseInt(product.innerText, 10);
    if(countProduct === 1) {
        console.log('Left');
    }
}

If statement from span "1 left"?

2 Answers2