jQuery通过单击不同的值隐藏和显示容器
我只想隐藏和显示.container,用jQuery在正确的输入字段上单击 如何仅显示第一个和第二个容器。如果我点击评级为2星及以上,价格为2.50美元,送货费为4.00美元 第一个和第二个容器应仅可见。但是如果我点击“4星及以上”,第二个容器就会出现 如果我再次点击“三星和更多”,所有这些都会消失。如果我点击附加价格3.45美元和Dalivery收费5.00美元,最后一个容器应该是可见的 我的代码示例jQuery通过单击不同的值隐藏和显示容器,jquery,Jquery,我只想隐藏和显示.container,用jQuery在正确的输入字段上单击 如何仅显示第一个和第二个容器。如果我点击评级为2星及以上,价格为2.50美元,送货费为4.00美元 第一个和第二个容器应仅可见。但是如果我点击“4星及以上”,第二个容器就会出现 如果我再次点击“三星和更多”,所有这些都会消失。如果我点击附加价格3.45美元和Dalivery收费5.00美元,最后一个容器应该是可见的 我的代码示例 评级 一颗星 双星及以上 三星及以上 四星及以上 五星及以上 价格 不管怎样 1.00$
评级
一颗星
双星及以上
三星及以上
四星及以上
五星及以上
价格
不管怎样
1.00$
2.50$
3.00$
3.45$
送货费
1.00$
2.00$
3.00$
4.00$
5.00$
第一个容器
第二个容器
最后一个容器
$(窗口)。加载(函数(){
$(“#导航>.box>标签>输入”)。单击(函数(){
var get_value=$(this).val();//从输入字段获取值
如果(获取_值!==“”){
// ??
}
如果(获取_值==“0”){
$(“#content>.container”).show();
}
});
)};
如果运行代码段,则会出现语法错误,需要寻址。这里有一个开始:$(函数(){$(“#导航>.box>标签>输入”)。单击(函数(){$(“#内容>.container”).hide();var get#value=$(this.val();$(“#内容>.container”).eq(get#value-1.show());})代码>