javascript - JS根据数字显示数组值

标签 javascript jquery html

我正在使用star rating plugin在明星选择中,我可以使用它的返回值。现在我想添加另一个功能,即当我选择星 1 时,它应该显示一些消息以及与星 2、星 3 等类似的消息。

每个星星选择的值将在数组中,但我无法成功打印,如下

如何在所选的每个星星上显示消息?

$('rating').starrr({
    change: function(e, value) {
        console.log(value);

        //this is message
        var ratingMsgs = [
            'star 1 selected',
            'star 2 selected',
            'star 3 selected',
            'star 4 selected',
            'star 5 selected'
        ];
        var ratingMsg = $("p.message");
        //This is just showing the first value, but I want to value conditionally 
        ratingMsg.removeClass('hidden').append(ratingMsgs[0]);
    }
});

最佳答案

而不是 ratingMsgs[0],给出 ratingMsgs[value - 1]text而不是append

ratingMsg.removeClass('hidden').text(ratingMsgs[ value - 1 ]);

关于javascript - JS根据数字显示数组值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50289635/

相关文章:

javascript - RxJS 自定义运算符不调用完成

javascript - 将 JavaScript 文件包含到主文档中

javascript - 将数据从 javascript ajax 函数发送到 jsp

html - 如何将 DIV 变成表单元素?

javascript - Jquery 动画背景图像过渡

javascript - Angular ng 重复表 : dynamic columns from object

javascript - 在选择下拉列表中显示嵌套的 json

javascript - 使用基于两个对象数组的 AngularJS 显示复选框

jquery - 如何设置固定位置到DIV进入页面

jquery - 向后运行的 CSS 过渡