javascript - 使用 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(', ');