Variabili corrispondenti di due elementi (ciclo di legame e interfaccia utente)

Question

Ho bisogno di aiuto con la condensazione del mio script in modo che un #div_x sia correlato a un elemento separato IMG_X.

Il mio progetto utilizza l'interfaccia utente per afferrare i punti su una mappa e restituire un'immagine impostata in un div separato tramite ciclo jQuery (come qui http://bit.ly/gh7lm3).

Ho legato l'evento "SelectAbleStop" a due funzioni - .Hasclass e .Append - Per 1) rilevare se è stato selezionato un punto e 2) Aggiungi il ciclo contenente con un'immagine corrispondente (anche, per inciso, contenuta all'interno della sua proprio div). Così com'è, assomiglia a questo:

$("#selectable").selectable().bind("selectablestop", function(event, ui) {
if($('#point_a').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_a.jpg" /></div>');}

if($('#point_b').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_b.jpg" /></div>');}

if($('#point_c').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_c.jpg" /></div>');}

, eccetera.

La mia domanda:

Posso raggiungere questo obiettivo con un argomento, usando una variabile X invece di scrivere ogni riga di corrispondenza Point_a a img_a, point_b a img_b, ecc.

if($('#point_(variable)').hasClass('ui-selected')){
$('#cycle').append('<div id="pic"><img src="image_(matching variable).jpg" /></div>');}

Grazie! Ho trascorso un po 'di tempo a cercare un buon approccio.