jQuery Selector Hilfe - wie Element, deren ID beginnt und endet mit bestimmten Zeichen

Question

Ich habe eine Seite, die dynamisch erstellt wird. Es kann wie so eine Reihe von verschiedenen Radiobuttons mit IDs hat:

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

Um Änderungsfunktionen zu schreiben, ich bin so etwas wie dies zu tun:

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

Diese gut funktioniert. Aber jetzt muss ich innerhalb dieser Change-Funktion eine Reihe anderer verwandter Felder verstecken. Sie werden wie folgt benannt:

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

Ich brauche alle Felder greifen zu können, deren IDs beginnen mit „cc“ und mit der gleichen Anzahl wie die Radio-Button beenden, die durch die idx Variable (bestimmt ist angeklickt worden. ich weiß, ich kann alle Felder erhalten, indem sie diese mit „cc“ beginnen:

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

Aber wie kann ich zeigen auch, dass sie mit dem, was beenden müssen idx ist mit anderen Worten, wenn die cc-radio-opt-1 Radio ist? geklickt, wie bekomme ich nur cc-number-1 und cc-month-1?

Answer 1

Nun, Sie waren fast da ... $('[id^=cc-][id$=1]')

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

Answer 2

Filtern Sie Ihren Selektor mit dem Auswahlknopf "endet mit".

http://api.jquery.com/attribute-ends-with-selector/

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

Und stellen Sie sicher, Anführungszeichen enthalten.