How to compare the value within a span / span and trigger an action?

Question

How to compare the value within a span / span and trigger an action?

Navigation

#1 by (2 votes)

1

How to get the value within this span?

<span id="Preço">199,00</span>

I need to compare it with another so that it triggers an action when it is greater than 199.00.

javascript jquery

asked by anonymous 24.10.2014 / 03:27

1 answer

How to insert into the database with prepared statements? Problem with ID Menu does not open horizontally in IE

score 2 · Accepted Answer

With jQuery you can test this way:

if( parseInt( $('#Preco').text() ) > 199 )

With JS Pure, you can test like this:

if( parseInt( document.getElementById('preco').innerHTML ) > 199 )

But beware of the pennies. As mentioned by @bfavaretto, if you have 199,50 the result will not be expected because the decimal in JS is separated by . . The solution would be to change , to . and use parseFloat() :

var preco = $('#Preco').text();
preco = parseFloat( preco.replace( '.', '' ).replace( ',', '.' ) ); // solução do @bfavaretto
if( preco > 199 ) { ...

Another thing: give preference to not accentuating elements IDs to avoid bugs and miscellaneous incompatibilities.

Demo:

var preco = $('#Preco').text();
preco = parseFloat( preco.replace( '.', '' ).replace( ',', '.' ) );
if( preco > 199 ) {
  $('#Res').text( 'Mais que 199' );
} else {
  $('#Res').text( 'Menor ou igual a 199' );
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script><spanid="Preco">199,50</span>
<span id="Res"></span>