Mam stronę, która jest tworzona dynamicznie. Może mieć wiele różnych przycisków radiowych z takimi identyfikatorami:

<input type="radio" id="cc-radio-opt-0" />
<input type="radio" id="cc-radio-opt-1" />
<input type="radio" id="gc-radio-opt-0" />
<input type="radio" id="gc-radio-opt-1" />

Aby pisać funkcje zmiany, robię coś takiego:

$('[id^=cc-radio-opt-]').live("change", function() {
    var idx = $(this).attr('id').split('-').pop(); 
});

To działa dobrze. Ale teraz, w tej funkcji zmiany, muszę ukryć kilka innych powiązanych pól. Nazywa się je tak:

<input type="text" id="cc-number-0" />
<input type="text" id="cc-month-0" />
<input type="text" id="gc-number-0" />
<input type="text" id="gc-month-0" />
<input type="text" id="cc-number-1" />
<input type="text" id="cc-month-1" />
<input type="text" id="gc-number-1" />
<input type="text" id="gc-month-1" />

Muszę być w stanie pobrać wszystkie pola, których identyfikatory zaczynają się od „cc” i kończą tym samym numerem, co kliknięty przycisk radiowy (określony przezidx zmienna. Wiem, że mogę uzyskać wszystkie pola zaczynające się od „cc”, wykonując następujące czynności:

$('[id^=cc-]');

Ale jak mogę również wskazać, że muszą skończyć z czymkolwiekidx jest? Innymi słowy, jeślicc-radio-opt-1 radio jest klikane, jak mogę uzyskać tylkocc-number-1 icc-month-1?