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

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

为了编写更改函数，我正在做这样的事情：

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

这很好用。但是现在，在这个改变function中，我需要隐藏一堆其他相关领域。它们的名字如下：

我需要能够抓住ID以“cc”开头的所有字段，并以与单击的单选按钮相同的数字结尾（由idx变量确定。我知道我可以获得以“cc”开头的所有字段“ 通过做这个：

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

但我怎么能表明他们需要以任何idx结束呢？换句话说，如果单击cc-radio-opt-1无线电，我怎么才能获得cc-number-1和cc-month-1 ？

好吧，你几乎就在那里…… $('[id^=cc-][id$=1]')

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

使用“ends with”选择器过滤选择器。

 $('[id^="cc-"]').filter('[id$="idx"');

并确保包括引号。