我有一个动态创建的页面。它可以有许多不同的带有 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();
});
这很好用。但是现在,在那个 change 函数中,我需要隐藏一堆其他相关的字段。它们是这样命名的:
<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
?