怎么限制当前的值为number,并且确定他的取值范围,如下图和代码

说明

如图,想要做一个星级评分,根据数值,确定下面的橙色星星的个数,如数值为3,即有3颗橙色星星

https://img3.mukewang.com/5c7f63b40001773d02070119.jpg

问题

如何限制当前的值<p id="number">33</p>为number,并且确定他的取值范围为0-5,
然后觉得写的代码很重复了,
最后谢谢了
代码

https://img3.mukewang.com/5c7f63c300010d9f06270853.jpg

慕慕森
浏览 898回答 2
2回答

慕桂英4014372

var number = $('#number').html() >> 0;var stars = [, 1, 2, 3, 4];var s = stars[number];if (s) {&nbsp; &nbsp; $('.box .box-item').eq(s).prevAll().attr("src", "images/startBright.jpg");} else {&nbsp; &nbsp; $('.box .box-item').attr("src", "images/startDark.jpg");}赶着吃饭只写了上面的,下面补充一下。&nbsp;第一行>> 0位移0可以把所有变量转成整数,像"4.5"这种会变成4,"abc"这种会变成0;&nbsp;第二行是建一个索引,只有值为1,2,3,4才能找到相应位置的值,其他的是undefined;&nbsp;当然你简写成var stars = [, 1, 2, 3, 4][number]也行;&nbsp;剩下的就用if判断一下就好。

天涯尽头无女友

如何限定,不好弄啊,你又不是输入,而是一个p标签。只能判断一下是不是numbervar number = $('#number').html();type of number == Number至于下面的代码优化,if(number==0){$('.box .box-item').attr("src","images/startDark.jpg");}else{$('.box .box-item').eq(number).prevAll().attr("src","images/startBright.jpg");}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript