如何仅获取此div中的输入？

Question

我列出了一些产品，并将一些输入的值添加到购物车中，并添加到购物车按钮。

例如：我列出了10个产品，每个产品都有1到7个输入字段，每个输入都有name="barrel"属性。

我使用这个jquery代码来获取输入值：

  $('input[name^=barrel]').each(function(){
        var attribute = $(this).data('attribute');
        var count = $(this).val();
        barrel.push({
            count: count,
            attribute: attribute
            });
    });

问题是从所有产品的所有输入中获取值。但我想仅从我按下的产品中获取输入值。添加到购物车。

请给我一个建议。感谢

Answer 1

如果你有以下html：

$(function() {
    barrel = [];

    $('.add-to-cart').click(function(){
        $(this).parents('.product').find('input[name="barrel"]').each(function(){
            var attribute = $(this).data('attribute');
            var count = $(this).val();
            barrel.push({
                count: count,
                attribute: attribute
            });
        });

        return false;
    });
});

您应该使用此脚本：

NuiImageFrameGetDepthImagePixelFrameTexture

Answer 2

您可以为每个使用过的输入字段添加一个类，并按该类进行过滤。因此，您将避免使用所有输入字段值。