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

Question

我有一个动态创建的页面。它可以有许多不同的带有 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和cc-month-1 ？

Answer 1

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

演示:http://jsfiddle.net/pavloschris/nr3ad/