Question

我正在创建一个在线测验，该测验将由三个名为#useralt的div中的三个不同的答案组成。所有div都具有相同的id但内容不同。内容与＃answer-div相同的div将触发“正确！” div，而其他人将触发“抱歉”-div。

我只能让第一个#usedralt-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");   
}

}）; }）;

Answer 1

ID必须是唯一的。这样就不行了。尝试类似：

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

Answer 2

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

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

Answer 3

ID必须是唯一的，您需要使用类。改变你的身份和＃34; useralt＆＃34;上课然后使用：

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

为什么只有第一个div响应功能？

3 个答案: