我没有得到我想要的结果
I am not getting the results as I want
我试图根据从列表中选择的选项显示结果,但没有得到结果。我想当我点击"选项1"时,"答案1"将出现,其他答案将隐藏,当我选择"选项2"时,显示"答案2",否则所有答案都将隐藏,依此类推…
HTML:
<div id="amenities" target="1">option 1</div>
<div id="amenities" target="2">option 2</div>
<div id="amenities" target="3">option 3</div>
<div id="amenities" target="4">option 4</div>
<div id="amenities" target="5">option 5</div>
<div id="amenities" target="5">option 5</div>
<div id="list" class="amenities-list">answer 1</div>
<div id="list" class="amenities-list">answer 2</div>
<div id="list" class="amenities-list">answer 3</div>
<div id="list" class="amenities-list">answer 4</div>
<div id="list" class="amenities-list">answer 5</div>
<div id="list" class="amenities-list">answer 6</div>
JQuery:
jQuery(function(){
jQuery('#amenities').click(function(){
jQuery('.amenities-list').hide();
jQuery('#list'+$(this).attr('target')).show();
});
});
CSS:
.amenities-list{display: none;}
通过添加数字来编辑div id。还将选项的id更改为class。
<div class="amenities" target="1">option 1</div>
<div class="amenities" target="2">option 2</div>
<div class="amenities" target="3">option 3</div>
<div class="amenities" target="4">option 4</div>
<div class="amenities" target="5">option 5</div>
<div class="amenities" target="5">option 5</div>
<div id="list1" class="amenities-list">answer 1</div>
<div id="list2" class="amenities-list">answer 2</div>
<div id="list3" class="amenities-list">answer 3</div>
<div id="list4" class="amenities-list">answer 4</div>
<div id="list5" class="amenities-list">answer 5</div>
<div id="list6" class="amenities-list">answer 6</div>
并编辑您的jquery以获得类:
jQuery(function(){
jQuery('.amenities').click(function(){
jQuery('.amenities-list').hide();
jQuery('#list'+$(this).attr('target')).show();
});
});
相关文章:
- 在多行图表中,在每一行的末尾,我想要一个小圆圈和使用d3.js的端点值
- 我想要相同的函数以两种方式反应
- 如何在javascript中创建一个空的2d数组?下面是我想要创建的一个示例
- 如何用javascript发送多个文件没有jQuery我想要每个文件一个进度条
- 我想要一个类似于网站 https://onlycoin.com/ 的jQuery鼠标滚动动画效果
- 我想要“鼠标滚轮事件延迟”
- 如何格式化我返回的url,使其符合我想要的路由
- 如何使用facet指定我想要的字段
- json_encode($myVar);正在给出地图,我想要一个字符串数组
- 我想要输入类型<输入>在javascript中
- Javascript:我可以't找到正确的方式来表达布尔“;如果“;以得到我想要的结果
- 如何用javascript从数组中删除项?我想要一个类似拉的东西来做与推相反的事情
- 正则表达式对我想要做的事情是正确的吗?
- Javascript给定了一个数字,我想要所有可能的组合和元素数组
- 为什么获胜't我的javascript返回我想要的值
- 我想要一些在另一个回调函数内部的结果
- 我没有得到我想要的结果
- 有人能告诉我为什么这个循环没有给我想要的结果吗?
- jQuery fadeIn()没有给出我想要的结果
- 如何更改元素的类以获得我想要的结果