筛选元素 jQuery 的乘法选项

Multiply options for filter elements jQuery

提问人:Sergei 提问时间:2/22/2021 更新时间:2/22/2021 访问量:42

问:

我有用户选择的输入。它是对象的房间数。

<input class="roomInput" value="1" />

并有对象

<div class="object" data-rooms="1">1</div>
<div class="object" data-rooms="2">2</div>
<div class="object" data-rooms="3">3</div>

我使用过滤功能按选项显示/隐藏块。我是这样做的:

        $(".submit").click(function() {
            
            // Get user option from input
            var $objectRooms = $('.roomInput').val();


            // Hide all objects
            $(".object").hide();
            $(".object").removeClass("show");
            
            

            // Show objects that match the filter 
            $('.object').filter(function() {
                if ($objectRooms == '0') {
                    return $(this).data('rooms') == '1' || $(this).data('rooms') == '2' || $(this).data('rooms') == '3' || $(this).data('rooms') == '4';
                } else {
                    return $(this).data('rooms') == $objectRooms;
                }

            }).addClass("show");



        });

但现在我需要让它成倍增加。用户可以选择房间的乘法参数。

jQuery 输入 过滤器

评论

0赞 Swati 2/22/2021
请详细说明您的问题
0赞 Sergei 2/22/2021
在 roomInput 中,可以有多个选项。可能<input class=“roomInput” value=“1, 2, 4” />.这意味着用户可以找到具有 1、2、4 个房间的对象。现在用户只能通过一个选项过滤对象:1 个房间或 2 个房间等
0赞 Swati 2/22/2021
所以你的输入将有用逗号分隔的值?

答: 暂无答案