javascript - 按值过滤输入

Question

我有这样的 HTML 结构

<div class="qn-block">
    <a href="#" class="remove"></a>
    <input type="text" class="quantity-number" name="quantity-number" value="2" />
    <a href="#" class="add"></a>
    <a href="#" class="refresh-q">Refresh</a>
</div>

对于值 > 1 的输入，我必须禁用“.refresh-q”。对于值为 1 的输入禁用“.refresh-q”和“.remove”。 我怎样才能做到这一点？

Answer 1

为了禁用一个 anchor ，您可以定义一个返回 false 的 click 处理程序:

function disableAnchor() {
    return false;
}

但您也可以隐藏它或其他任何东西。

然后:

$('.quantity-number').each(function() {
    var value = parseInt($(this).val(), 10);
    if (isNaN(value)) {
        return;    
    }

    if (value > 1) {
        $(this).siblings('.refresh-q').addClass('disabled').click(disableAnchor);
    } else if (value === 1) {
        $(this).siblings('.refresh-q, .remove').addClass('disabled').click(disableAnchor);

    }
});