javascript - 如何以不同方式命名每个 jQuery Raty 隐藏输入元素？

Question

我正在使用 jQuery Raty plugin在我的网站上启用星级评分系统。

我有一组 4 个可评分问题(也可以是 5 个)，我使用循环动态显示这些问题。因此，为了显示星星，我使用 div id 如下:

    <c:forEach items="${myQuestionList}" var="singleQuestion" varStatus="status">

        <p>${singleQuestion.text}</p>

        <div id="star${status.index+1}"></div>

    </c:forEach>

而Raty的初始化代码如下:

$("div[id^=star]").raty({ 
                         width: 300
                      });

这工作得很好。我的所有 4(或 5)个问题都会显示，Raty 星也会显示。

现在的问题是这个评级在一个表单中并且需要提交。但问题是 Raty 附加了一个 <input type="hidden" name="score">对于每个 Raty，因此当提交表单时，不可能说出哪个评级是针对哪个问题。

有没有一种方法可以为每个 Raty 隐藏输入元素分配一个不同的名称，这将帮助我将它与所问的问题联系起来。

Raty 文档说我可以将乐谱名称更改为任何名称:

$('#star').raty({ scoreName: 'myscore' });

但这对我没有帮助，因为我正在为所有元素初始化一次 raty 插件。

我该如何解决这个问题？请指导。我卡住了。 :(

Answer 1

好的，我自己解决了。

这里是任何陷入同一点的人的解决方案:

scoreName: function(){
                    return $(this).attr('id');
                }

这会将乐谱名称设置为 ID 名称。您也可以将其设置为任何其他内容。