jQuery如果value小于,则隐藏div

时间:2014-02-08 16:19:39

标签: jquery html magento web

我有这个范围:

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

,另一个

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

当span的值小于£100.00 时,我需要隐藏下面的 div

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

任何人都可以帮我解决这个问题。我需要知道如何使用 jQuery

2 个答案:

答案 0 :(得分:1)

这应该有效:

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

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

希望它有所帮助。

答案 1 :(得分:1)

这也应该有效:

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