jQuery 选择器帮助 - 如何查找 ID 以特定字符开头和结尾的元素

我有一个动态创建的页面。它可以有许多不同的带有 ID 的单选按钮，如下所示：

<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" />

为了编写更改函数，我正在执行以下操作：

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

这效果很好。但现在，在该更改函数内，我需要隐藏一堆其他相关字段。它们的名字是这样的：

<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" />

我需要能够获取 ID 以“cc”开头并以与所单击的单选按钮相同的数字结尾的所有字段（由idx多变的。我知道我可以通过这样做来获取以“cc”开头的所有字段：

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

但我怎样才能表明他们需要以任何方式结束idx是？换句话说，如果cc-radio-opt-1点击收音机，我怎样才能只得到cc-number-1 and cc-month-1?

好吧，你就快到了...$('[id^=cc-][id$=1]')

DEMO:http://jsfiddle.net/pavloschris/nr3ad/