jquery сравнивает значения данных с диапазоном чисел для оператора if else

Question

jquery сравнивает значения данных с диапазоном чисел для оператора if else

0

У меня есть ползунок числового диапазона. HTML:

<div class="noUiSlider">
    <input type="hidden" name="grams_of_protein_min" value="0.00">
    <input type="hidden" name="grams_of_protein_max" value="50.00">

Значения фактически изменяются в зависимости от ручек ползунка диапазона.

Я хочу использовать эти числа для сравнения значений данных для разделов, содержащих сообщения. (проще понять, если вы используете инструменты dev в браузере, ищите data-protein = "#")

Здесь упрощенный html для нескольких разделов, которые я хочу сравнить с диапазоном.

<div id="main">
    <div id="post-62" class="type-post" data-protein="20"></div>
    <div id="post-54" class="type-post" data-protein="14"></div>
    <div id="post-51" class="type-post" data-protein="26"></div>
</div>

Поэтому формат, который я ищу, это:

if data-protein-number is >= grams_of_protein_min value && <= grams_of_protein_max value then do this function {}

else do this {}

Извините, это намного проще объяснить, чем тратить время на исправление моего кода.

Благодарю!

John_911 13 март 2014, в 20:56

Источник

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Brent Echols · Answer 1 · 2014-03-13T17-56-00.000Z

$('[data-protein]').each(function (item) {
    if(evaluateProtein($(item).attr('data-protein'))) {
        // Call function for if it does meet your criteria
    } else {
        //Call function for if it doesn't meet your criteria
    }
});

Таким образом, в основном все, что вам нужно написать сейчас, это функция "ОценитьПротейн". Я не знаю, как у вас есть что-то настроенное, так что это зависит от вас, но это должно быть хорошей основой для вас!