js方法实现根据数字在li的左右增加li？

<span id="number">2</span>
<div class="avatars"> <ul id="avatars_ul"> <li id="leader"></li></ul></div>
原来有一个圆leader，当span=2时，在leader的左边增加一个圆；当span=3时，在leader的左右都增加一个圆；当span=5时，在leader的左右都增加两个圆。
[local]1[/local]