为什么只有第一个 div 响应函数？答案

【问题标题】：Why does only the first div respond to function?为什么只有第一个 div 响应函数？
【发布时间】：2013-04-15 11:49:17
【问题描述】：

我正在创建一个在线测验，其中包含三个不同的答案选项，位于三个名为 #useralt 的 div 中。所有 div 将具有相同的 id 但不同的内容。与#answer-div 内容相同的div 将触发“正确！” div，而其他会触发“Sorry”-div。

我只能让第一个#useralt-div 工作，接下来的就麻木了……谁能帮我让他们三个都工作？

这是网站：http://www.juliawallin.se/moviecharades/play.html

$(document).ready(function(){
$("#useralt").click(function(){
var correctAnswer = $('#answer').text().toLowerCase();
var givenAnswer = $('#useralt').text().toLowerCase();

var match = correctAnswer.match(new RegExp("^#moviecharades (.+)$"));
correctAnswer = match[1];

if (givenAnswer == correctAnswer)
{
     $("#correct").show("fast").delay("1000").hide("500"); //Slide Down Effect
       $('#output').html(function(i, val) { return val*1+1 });
       var el = document.createElement('div');
       el.innerHTML = $("#output")[0].innerHTML;
       document.getElementById('highscore').appendChild(el);
       var interval = 1000 * 60 * 1;
       APP.refresh(1, interval);


}
else
{
     $("#correct").hide("fast");    //Slide Up Effect
        $("#incorrect").show("500").delay("1000").hide("500");   
}

}); });

【问题讨论】：

标签： function html var

【解决方案1】：

ID 必须是唯一的，你需要使用类。将您的 id "useralt" 更改为 class 然后使用：

$(".useralt").click(function(){
var correctAnswer = $('#answer').text().toLowerCase();
var givenAnswer = $(this).text().toLowerCase();
....
...

【讨论】：

【解决方案2】：

ID 必须是唯一的。所以这行不通。尝试类似：

<div class="useralt" id="useralt1">
<div class="useralt" id="useralt2">
<div class="useralt" id="useralt3">

【讨论】：

好的，不能让它对多个 div 有效吗？或者如何将多个 ID 添加到同一个变量？

【解决方案3】：

来自 w3 学校，http://www.w3schools.com/tags/att_global_id.asp

为元素指定一个唯一的 id。命名规则：必须至少包含一个字符不能包含任何空格字符在 HTML 中，所有值不区分大小写

【讨论】：