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

Question

目前，我的代码只返回第一个值。我需要使用循环返回所有值，因为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>

Answer 1

你必须遍历每一个，并在你去的时候建立数组：

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