javascript - 按名称设置输入字段数组的值

Question

我的页面上有一组输入字段。它们被设置为一个数组，如下所示：

<input type="text" name="test[name][]" /><br />
<input type="text" name="test[name][]" /><br />
<input type="text" name="test[name][]" /><br />
<input type="text" name="test[name][]" />

接下来我需要做的是在每个文本字段中设置一个唯一值。但我不知道如何用 jQuery 遍历这些字段。我的尝试失败：DEMO

$(function() {
    $.each('input[name="test[name][]"]', function() {
        $(this).val('blaat');
    });
});

知道如何遍历每个输入字段，按名称选择它们！？我对这些控件没有任何影响。所以我不能给他们一个额外的类名或类似的东西。我只有他们的名字。

Answer 1

您用来获取数组的选择器是字符串而不是数组

'input[name^="test"]'应该$('input[name="test[name][]"]')

你可以这样做，

现场演示

$(function() {
    $.each($('input[name^="test[name][]"]'), function() {        
        $(this).val('blaat');
    });
});

​</p>

​</p>

Answer 2

你可以做类似的事情

$(function() {
    $.each($('input[name^="test"]'), function() {
        $(this).val('blaat');
    });
});​

编辑：更高效

$(function() {
    $('input[name^="test"]').each(function() {
        $(this).val('blaat');
    });
});​