Como obter o valor dentro deste span?
<span id="Preço">199,00</span>
Preciso compará-lo com outro, para que dispare uma ação quando for maior que 199,00.
Com jQuery você pode testar desta forma:
if( parseInt( $('#Preco').text() ) > 199 )
Com JS Puro, pode testar assim:
if( parseInt( document.getElementById('preco').innerHTML ) > 199 )
Mas tome cuidado com os centavos. Como mencionado pelo @bfavaretto, se você tiver 199,50
o resultado não será esperado, pois o decimal em JS é separado por .
. A solução seria trocar a ,
por .
e usar parseFloat()
:
var preco = $('#Preco').text();
preco = parseFloat( preco.replace( '.', '' ).replace( ',', '.' ) ); // solução do @bfavaretto
if( preco > 199 ) { ...
Outra coisa: dê preferência a não usar acentuação nos IDs dos elementos, para evitar bugs e incompatibilidades diversas.
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>
<span id="Preco">199,50</span>
<span id="Res"></span>