首页 > 解决方案 > 当值超过特定数量时如何隐藏按钮

问题描述

您好,我只想在值不超过 25 时显示按钮。我的代码如下所示。我的产品列表元素中的值是 25。每次单击我都会将 6 添加到我的input[name='skip]元素中。我做错了什么?请注意,我input[name='skip] 的每次点击都会增加。

$(function () {
    $("#button-submit").click(function () {
        var $productList = $(".product-list");
        var $value = $("input[name='skip']");
        $value.val(parseInt($value.val()) + 6);
        if (parseInt($productList.val()) >= parseInt($value.val())) {
            $("#button-submit").hide();
        }
    });
});

标签: javascriptjquery

解决方案


您似乎对选择器有错误

var $productList = $(".product-list']");

应该是这样的

var $productList = $(".product-list");

编辑:我想你可能想使用

$(".product-list").length而不是 $(".product-list").val()因为它看起来像是一个项目的集合。

只是猜测,因为您没有提供完整的标记。


推荐阅读