目前,我的代码仅返回第一个值。我需要使用循环返回所有值,因为 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>
最佳答案
您必须遍历每个数组,并一边构建数组:
var src = [];
var srcimg = $("#sortable2 img").each(function() { src.push($(this).attr('src')) });
srcimg = src.join(', ');
关于javascript - 使用 jQuery 获取多个属性 (Src),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24814116/