How to get the number parts and compare from these div tags

How to get the number parts and compare from these div tags

<div class="product-info product list"><span class="uc-price-product uc-price-list uc-price"><span class="price-prefixes">List Price: </span>$34.00</span></div>

<div class="product-info product sell"><span class="uc-price-product uc-price-sell uc-price"><span class="price-prefixes">Price: </span>$34.00</span></div>


I have list price and sale price like above.   What I am trying to do is to compare list price and sale price; if sale price is lower than list price then display it as
Was: $34.00
Now:  $30.00
If both are same, then just hide the List Price.

I am not sure how to get the numbers and compare;  Honestly i am not sure where to start;  i started like:
alert ($(".uc-price-list").text()); but it is displaying inner spans;
.val() displays empty string.

Thanks for your help.