jquery - 如何在JQuery中找到两个数字之间的？

Question

我遇到无法解决的 JQuery 问题。

例如:

<ul class="booking-list">
   <li data-price="250"> ... </li>
   <li data-price="350"> ... </li>
</ul>

#price-slider是: <input type="hidden" id="price-slider" value="100;300">

应返回 <li>标签。 (两者都在 100 到 300 之间)。

在 Jquery 中:

$("#irs-1").on("click", function () {
    var priceSlider = $('#price-slider').val().split(';');
    var min_price = priceSlider[0];
    var max_price = priceSlider[1];

    var $booking = $('ul.booking-list'),
        $bookingli = $booking.children('li');

    var $matchingLi = $bookingli.filter(function() {
        var price = parseFloat($(this).data('data-price'));
        return price >= min_price && price <= max_price;
    });

    $matchingLi.detach().appendTo($booking);
});

但我什么也没返回:(

谢谢!

Answer 1

更改此:

parseFloat($(this).data('data-price'));

至:

parseFloat($(this).data('price'));

不需要“data-”，它实际上会查找名为“data-data-price”的属性。

另请注意，如果您只是移动对象，则不需要 detach()。 appendTo() 自动执行移动。

将 parseFloat() 应用于 priceSlider 数组元素并不是一个坏主意，因此您可以将数字与数字进行比较。但在这种情况下，这实际上并不重要，因为 JavaScript 会在进行比较之前将 min_price 和 max_price 字符串转换为数字。