Javascript 使用jQuery获取多属性（Src）

目前，我的代码只返回第一个值。我需要使用loop返回所有的值，因为li的数量会不时地变化。我该怎么做

<ul id="sortable2" class="connectedSortable">
        <li class="ui-state-highlight" id="vid06"><img
 src="img/box6.jpg" height="100%" width="100%">
        </li>
        <li class="ui-state-highlight" id="vid07"><img
 src="img/box7.jpg" height="100%" width="100%">
        </li>
        <li class="ui-state-highlight" id="vid08"><img
 src="img/box8.jpg" height="100%" width="100%">
        </li>
        <li class="ui-state-highlight" id="vid09"><img
 src="img/box9.jpg" height="100%" width="100%">
        </li>
      </ul>
      <input id="submit" value="submit" type="button">

<script type="text/javascript">
$(document).ready(function() {
$("#submit").click(function(){
var srcimg = $("#sortable2 img").attr('src');
alert( 'You have selected: '+ srcimg);
});
});
</script>

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var srcimg=$（“#sortable2 img”）.attr（'src'）；
警报（“您已选择：”+srcimg）；
});
});

您必须遍历每一个，并在运行时构建阵列：

var src = [];
var srcimg = $("#sortable2 img").each(function() { src.push($(this).attr('src')) });
srcimg = src.join(', ');