单击DIV上的所有ID时如何显示最后一个ID
How to show last ID when All ID on DIV click
我是javascript新手。我想做一个小游戏。但坚持这个逻辑。
请尝试查看下面的代码,,,我想用div ID"correct gameOne"替换div ID"error-gameOne"点击所有div ID后,错误1,错误2,错误3,错误4,
我已经尝试过了,但在点击一个ID"错误的1"或其他ID后,会显示div ID"正确的gameOne"。我不想这样。请在下面给我修改一下我的脚本。抱歉我英语不好。非常感谢:脸红:
$(function() {
$('#wrong1, #wrong2, #wrong3, #wrong4').click(function() {
$(this).animate({
opacity: 0,
top: 100,
}, 500);
var divs = ['#wrong1, #wrong2, #wrong3, #wrong4'];
if ($(this).next(divs).length === 1)
$('#wrong-gameOne').eq(0).hide();
else
$('#correct-gameOne').eq(0).show();
});
});
<img id="correct-gameOne" class="rightAnswer" src="http://authentic-scandinavia.com/system/images/tours/photos/10/thumbnail.jpg" data-current-game="1" data-next-game="2" style="display:none;" />
<img id="wrong-gameOne" class="wrongAnswer" src="http://authentic-scandinavia.com/system/images/tours/photos/125/thumbnail.jpg" data-current-game="1" data-next-game="2" />
<div id="wrong1" class="no-bottom">
<label>TEXT 1</label>
</div>
<div id="wrong2" class="no-bottom">
<label>TEXT 2</label>
</div>
<div id="wrong3" class="no-bottom">
<label>TEXT 3</label>
</div>
<div id="wrong4" class="no-bottom">
<label>TEXT 4</label>
</div>
请尝试此代码。
$(function () {
var divs = ["wrong1", "wrong2", "wrong3", "wrong4"];
$('#wrong1, #wrong2, #wrong3, #wrong4').click(function () {
$(this).animate({
opacity: 0,
top: 100,
}, 500);
divs.splice(divs.indexOf($(this).prop("id")),1)
if(divs.length == 0){
$('#wrong-gameOne').eq(0).hide();
$('#correct-gameOne').eq(0).show();
}
});
});
希望这对你有帮助。
Fiddle
相关文章:
- 显示某个用户ID的某个标签的30张Instagram图片
- 根据前两个下拉ID显示第三个下拉列表
- 通过ID JavaScript显示随机背景图像
- 使用类而不是id在JavaScript中隐藏显示
- 点击显示具有相同ID和类别的2个潜水
- 取出图像标签alt:丢失"没有alt-id的图像标签是优选的并且不显示丢失的“;
- placeHolder id未使用style.display显示
- Bootstrap使用复选框显示和隐藏id
- 我想使用Javascript中的循环在HTML中的特定id中显示数组中的多个对象
- 检查资源的id是否在ng重复中显示的另一个资源的id列表中
- 单击旧列表只显示上次创建的id,应在单击时显示列表id
- 如何使用 html 类或 id 在任何地方显示内容
- 使 ajax 请求和成功数据显示在 id <选择>选择>部分中
- 根据 ID 显示不同的图像
- 如何获取id并在ror中基于该id显示下一个字段
- 使用JavaScript/Jquery在Ruby中显示具有相同id/类的表单
- 在标头中显示id属性
- 图像id未显示
- AngularJS:路由到/page/:id并显示id'
- 在单独的表中按类或ID突出显示2行