jQuery的隱藏的div，如果值小於

Question

我有這個跨度：

<span class="price">£260.00</span> 

和另一另一個

<span class="price">£90.00</span> 

我需要隱藏低於當值的DIV從跨度小於£100.00。

<div id="shipping"></div> 

任何人都可以幫助我解決這個問題。我需要知道如何使用jQuery來做到這一點。

Answer 1

這應該工作：

var price = $(".price").text().replace("£",""); 

if(price < 100) 
{ 
    $("#shipping").hide(); 
}else{ 
    $("#shipping").show(); 
} 

希望它能幫助。

Answer 2

這應該工作太：

jQuery(function($) { 
    var price = $('span.price'), 
     // get float number from span.text() excluding other characters than digits and dot 
     priceValue = Number(price.text().replace(/[^0-9\.]+/g,"")), 
     priceLimit = 100, 
     shipping = $("#shipping"); 

    shipping.show(); // by default shipping show 

    if (priceValue > priceLimit) { 
     // other case shipping hide 
     shipping.hide(); 
    } 
}); 

Fiddle demo