求正则表达式

Question

js 用正则获每img 中的src 值，想要效果示 1.jpg,2.jpg,3.jpg,4.jpg,5.jpg  以逗号隔开没张图片
<ul id="piclistshow">
<li><img src="1.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
<li><img src="2.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
<li><img src="3.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
<li><img src="4.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
<li><img src="5.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
</ul>

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var reg=/^[\d]+\.jpg$/; //匹配规则，自然数(1位或多位)+.+jpg
var ar=new Array();
$("ul li").each(function(){
var t=$(this).find('img').attr('src');
if(reg.test(t)){
ar.push(t);
}
});
alert(ar);
})

</script>
<ul id="piclistshow">
<li><img src="1.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
<li><img src="a.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li><!--假设这张不匹配-->
<li><img src="3.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
<li><img src="4.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
<li><img src="5.jpg" width="200" height="200"><a href="javasrcipt:void(0);" onclick="onclicktest();">删除本张图片</a></li>
</ul>