jQuery - select all inputs with array name

Question

i have a lot of input fields like:

<input type="hidden" value="" name="participants[1][canceled]">
<input type="hidden" value="" name="participants[2][canceled]">
<input type="hidden" value="" name="participants[3][canceled]">

I am looking for a jQuery selector that gives me all of these items. I dont want to use a loop. I would prefer something like:

jQuery('[name="participants[*][canceled]"]') // actually dont work

Is that possible?

Thank you

EDIT: Thanks to all of you

$(':hidden[name^="participants["][name$="][canceled]"]');

Was my solution and works like a charm. Ty

Answer 1

Try to use the attribute starts with selector in your context,

jQuery('[name^="participants"]')

Answer 2

To be precise this is the correct way:

$(':hidden[name^="participants["][name$="][canceled]"]');

Or if you need to match numbers only:

$(':hidden').filter(function() {
    return /^participants\[\d+\]\[canceled\]$/.test(this.name);
});

DEMO: http://jsfiddle.net/qbgAL/

Answer 3

If you just want the array name then you can just use participants

Live Demo

jQuery('[name*=participants]')

Answer 4

I would use something like $("input:hidden[name^='participants']")

Answer 5

Try this :Refrence

$('[name ="participants"][name $="[canceled]"]')

Answer 6

Try this:

jQuery('[name^="participants"][name$="[canceled]"]')