Javascript 具有相同名称的多个div

我创建了一个具有不同行的表，如下所示，用于我使用的评级开始：

while（$row=pg_fetch_assoc（$rs））{
回声“；
回显“$row['question_id']”；
...
回显“\r\n\r\n\r\n”；
...
回声“；
}
$（函数（）{
$.fn.raty.defaults.path='../plugins/raty/lib/img'；
$（“#得分-问题1”）.raty({
只读：对，
noRatedMsg：“按编辑更改评级”，
分数：函数（）{
返回$（this.attr（'data-score'）；
}
});
$（“#评分问题2”）.raty({
只读：对，
noRatedMsg：“按编辑更改评级”，
分数：函数（）{
返回$（this.attr（'data-score'）；
}
});
$（“#设置操作”）。在（'click'，function（）上{
var options=$（'#set function demo'）.val（），
command=“$（'#函数演示”）.raty（'set'，“+options+”）”；
评估（指挥部）；
});
$（“#销毁操作”）。在（'click'，function（）上{
$（“#函数演示”）.raty（'destroy'）；
});
});

---

我使用javascript函数来控制星级评定栏。我必须使用不同的名称，因为不能有两个同名的div，但现在我必须为每个评级栏使用单独的函数。er是解决这个问题的更好方法吗？我没有使用javascript的任何经验，因此这可能是一个初学者问题

它不是

名称

，而是

id

必须是唯一的；）

您可以对每个想要的div使用

class

属性，而不是使用

id

，然后在jQuery中使用它，如下所示：

$('.ratyClass')

---

它不是

name

，而是

id

必须是唯一的；）

您可以对每个想要的div使用

class

属性，而不是使用

id

，然后在jQuery中使用它，如下所示：

$('.ratyClass')

我只想详细说明一下：

$('.ratyClass').raty({
            readOnly: true,
            noRatedMsg: "Press edit to change the rating",
            score: function() {
                return $(this).attr('data-score');
            }
        });

使用$（this）时，它仅作用于调用函数的对象，不会影响其他

$（'.ratyClass'）

对象

读一点书可能会让事情更清楚：

我只想详细说明一下：

$('.ratyClass').raty({
            readOnly: true,
            noRatedMsg: "Press edit to change the rating",
            score: function() {
                return $(this).attr('data-score');
            }
        });

使用$（this）时，它仅作用于调用函数的对象，不会影响其他

$（'.ratyClass'）

对象

读一点书可能会让事情更清楚：

---

如果单击了

.ratyClass

的一个实例，这不会导致更新

.ratyClass

的所有实例吗？如果您正在使用

此

则不会。如果单击了

.ratyClass

的一个实例，则不会导致更新

.ratyClass

的所有实例吗？如果您正在使用

此