jquery 选择器数组答案

【问题标题】：jquery selector arrayjquery 选择器数组
【发布时间】：2010-12-24 08:00:42
【问题描述】：

我遇到了添加到购物篮的问题。有些产品有颜色/尺寸等选项。我绘制了颜色/尺寸的选择框和数量的输入。

<select name="productOption[1234][color]">
<select name="productOption[1234][size]">
<input type="text" name="productOption[1234][qty]">

所以 option 是一个数组，其中包含每个产品的值。在上面的示例中是 id=1234 的产品的选项。

我试过了

var productOptions=$("name^='productOption["+productID+"]'").val();

期望获得给定 productID 的选项数组，但它不起作用。选项是动态的，有些产品可以有额外的选项

任何人都可以帮助我使用选择器，以便检索给定 productID 的值数组并将它们传递给 serverSide。

谢谢

【问题讨论】：

标签： jquery css-selectors

【解决方案1】：

假设您使用的是 jQuery，我认为这就是您想要的。

<script type="text/javascript">
function getProductDetails( product_id ) {
    var product_details = [];
    jQuery( '[name*="productOption[' + product_id + ']"]' ).each( function() {
        var option = jQuery( this );
        var type = option.attr( 'name' ).match( /productOption\[\d+\]\[(\w+)\]/ );
        product_details[ type[1] ] = option.val();
    } );

    return product_details;
}
</script>

这将返回一个关联的数组。所以你可以这样做......

var details = getProductDetails( 1234 );
alert( details['qty'] );

【讨论】：

【解决方案2】：

您忘记了属性选择器 ([attr^=value])

var productOptions=$("[name^='productOption["+productID+"]']").val();

【讨论】：

【解决方案3】：

用'\ \'（没有空格）转义内部括号 - 更容易

$('input[name=items\\[\\]]')

在这里看到jquery - select all checkboxes with js array name

【讨论】：

首先，您的技术对这个问题没有帮助，因为 OP 已经将文本括在引号中。其次，您正在回答一个大约 2 年前提出的问题，并且已经有一个公认的答案。第三，与简单地使用匹配 qoutes 相比，如何在代码中添加非直观的 `\` 更容易？