我有一个动态创建的页面.它可以有许多不同的单选按钮,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?
解决方法
好吧,你几乎就在那里……
$( ‘[ID ^ = CC – ] [ID $= 1]’)
$( ‘[ID ^ = CC – ] [ID $= 1]’)