使用jQuery和CSS将数字转换为星级评分显示

Question

使用jQuery和CSS将数字转换为星级评分显示

我一直在寻找jquery插件，并想知道如何调整该插件将数字（如4.8618164）转换为4.8618164星星填充5.基本上将数字<5转换为使用jQuery填充在5星评级系统中的星号/ JS / CSS。

请注意，这只会显示/显示已经可用数字的星级，而不接受新的评级提交。

Answer 1

这是我使用JSX和字体真棒，仅限于.5精度，但：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{Array(Math.floor(rating)).fill(<i&nbsp;className="fa&nbsp;fa-star"></i>)} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{(rating)&nbsp;-&nbsp;Math.floor(rating)==0&nbsp;?&nbsp;('')&nbsp;:&nbsp;(<i&nbsp;className="fa&nbsp;fa-star-half"></i>)}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>第一排是整星，第二排是半星（如果有的话）