Показать сообщение отдельно
  #7 (permalink)  
Старый 19.11.2015, 18:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от SeeJ
Нужно перебрать значения первых ячеек
Сообщение от SeeJ
как только кол-во введенное равно или больше первой же перебираемой величины, функция останавливается
все эти условия соблюдены в коде ниже
<!doctype html>
<html lang="en">
<head>
    <title>Document</title>
    <meta charset="UTF-8">
    <style>
        span {
            border: 1px solid;
        }

    </style>

    <script>
window.addEventListener('DOMContentLoaded', function() {
    var tds = document.querySelectorAll('.table-product-discounts tr:nth-child(n+1) td:nth-child(1)'),
        quant = +document.querySelector('#quantity').innerHTML,
        res = document.querySelector('#result');
    [].every.call(tds, function(td) {
        res.innerHTML = td.nextElementSibling.innerHTML;
        return +td.innerHTML < quant;
    });
});
</script>
</head>
<body>
<table class="table-product-discounts">
    <thead>
    <tr>
        <th>Кол-во</th>
        <th>Скидка</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>99</td>
        <td>1%</td>
        <td>лоремипсум</td>
    </tr>
    <tr>
        <td>200</td>
        <td>7%</td>
        <td>лоремипсум</td>
    </tr>
    </tbody>
</table>

Quantity: <span id="quantity">99</span>
Result: <span id="result"> </span>
</body>
</html>
Ответить с цитированием