我在一个类中有许多带有 id 的 div。如何显示一个并隐藏其余的?这是我的 HTML 和 3 个这样的 div
<div class="build">
<div id="slide1">
<!--slide1 elements -->
</div>
<div id="slide2">
<!--slide2 elements-->
</div>
<div id="slide3">
<!--slide2 elements-->
</div>
</div>
这是我用 JS 尝试过的:
if (exp_id == "a_exp1") {
new_exp_id = exp_id;
$("#right").html("<div><img id='myimage1' onclick='changeimage1()' src='images/build_i.png'/>")
}
function changeimage1() {
for (var n = 1; n <= 3; n++) {
if (new_exp_id == "a_exp" + n) {
$('.build').hide();
$('.build').find('#slide' + n).show();
}
}
}
所以,如果它是a_exp1
,它应该对应于slide1,如果它是a_exp2
,它应该对应于slide2,依此类推。
我需要显示一个 div 并隐藏其余部分。我该怎么做呢?我在 HTML 的开头隐藏了整个类。