当前位置 : 主页 > 网页制作 > JQuery >

jquery – 是否可以制作这样的自定义项目符号?

来源:互联网 收集:自由互联 发布时间:2021-06-15
如果你只使用CSS可以做到这一点会更好. 先感谢您. 如果你想通过纯css这样做你应该手动设置它(如普通答案),但如果你想动态添加星星,你应该使用这样的东西,我认为没有办法通过动态纯

如果你只使用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>
网友评论