如果你只使用CSS可以做到这一点会更好. 先感谢您. 如果你想通过纯css这样做你应该手动设置它(如普通答案),但如果你想动态添加星星,你应该使用这样的东西,我认为没有办法通过动态纯
如果你只使用CSS可以做到这一点会更好.
先感谢您.
$('ul li').each(function() { var index = $(this).index() + 1; var star = $('<span/>') for (i = 0; i < index; i++) { star.append('*'); } $(this).prepend(star); }); var l = $('ul li:last-child span').width(); $('ul li span').css('width', l);
ul li { list-style: none; } ul li a { display: inline; } ul li span { padding-right: 5px; display: inline-block; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li><a>Some text</a></li> <li><a>Some text</a></li> <li><a>Some text</a></li> <li><a>Some text</a></li> <li><a>Some text</a></li> <li><a>Some text</a></li> <li><a>Some text</a></li> <li><a>Some text</a></li> <li><a>Some text</a></li> <li><a>Some text</a></li> </ul>