jquery - 如何获得所选对象的正确值？

Question

我正在尝试使用标准的jquery网格，以允许用户选择图片并将该图片移动到第二个列表。我正在努力解决的问题是当用户选择图像（在列表中）时，我总是看到列表中的第一个图像出现。实际上，我想要显示所选项目。我认为它一定是简单的，我只是想念......

网格代码 - 第三项是“已选中”

<ol id="selectable" class="ui-selectable"> 
 <li class="ui-state-default ui-selectee"><img width=100 src="https://images.com/212327/picture?type=large&size=normal" /></li>             
 <li class="ui-state-default ui-selectee"><img width=100 src="https://images.com/5308361/picture?type=large&size=normal" /></li>                
 <li class="ui-state-default ui-selected"><img width=100 src="https://images.com/5701651/picture?type=large&size=normal" /></li>                
</ol>

我努力在我的“索引”变量中获得正确的值。

<script> 
$(function() {
$( "#selectable" ).selectable({
    stop: function() {
        var result = $("#select-result").empty();
        $( ".ui-selected", this ).each(function() {
            var index = $( "li img" );
            var vSrc = index.attr('src');
            result.append( " #" + vSrc );
           });
        }
    });
});
</script>