如果你只使用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>
