Variables 两个元素的匹配变量（绑定周期和ui可选）

我需要帮助压缩我的脚本，以便将一个#div_x与一个单独的元素img_x关联起来

我的项目使用ui Selective来获取地图上的点，并通过jquery循环返回一个单独的div中的图像集（如下所示）

我已将“selectablestop”事件绑定到两个函数--.hasClass和.append，以便1）检测是否选择了一个点，2）使用相应的图像（顺便说一句，也包含在它自己的div中）附加包含的循环div。按原样，它看起来像这样：

$("#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>');}

$（“#可选”）.selectable（）.bind（“selectablestop”，函数（事件，用户界面）{
if（$（'#点a'）.hasClass（'ui-selected'））{
$（'#cycle'）。追加（''）；}
if（$（'#point_b'）.hasClass（'ui-selected'））{
$（'#cycle'）。追加（''）；}
if（$（'#point_c'）.hasClass（'ui-selected'））{
$（'#cycle'）。追加（''）；}

等等

我的问题:

我能用一个参数来完成这一点吗，用一个变量x来代替写出匹配点a到img\u a，点b到img\u b等的每一行

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

if（$（'#点（变量））.hasClass（'ui-selected'））{
$（'#cycle'）。追加（''）；}

---

谢谢！我花了一些时间寻找一个好的方法。

感谢rdworth通过Jquery论坛提供了这个解决方案：

<li id="point_a" data-image="image_a.jpg">...</li>
<li id="point_b" data-image="image_b.jpg">...</li>


$( ".ui-selected" ).each(function() {
  $( "#cycle" ).append( "<div id='pic'><img src='" + $( this ).data( "image" ) + "'></div>" );
});

$（“.ui已选定”）。每个（函数（）{
$（“#周期”）。追加（“”）；
});