怎么实现单击一个<a>显示对应的div,其他div隐藏！！！
<ul><li><a>第一个</a></li><li><a>第二个</a></li><li><a>第三个</a></li></ul><div><div>第一个</div>...
<ul>
<li><a >第一个</a></li>
<li><a>第二个</a></li>
<li><a>第三个</a></li>
</ul>
<div>
<div>第一个</div>
<div>第二个</div>
<div>第三个</div>
</div>
怎么实现当点击第一个连接显示第一个div，其他隐藏。点击第二个....... 展开
<li><a >第一个</a></li>
<li><a>第二个</a></li>
<li><a>第三个</a></li>
</ul>
<div>
<div>第一个</div>
<div>第二个</div>
<div>第三个</div>
</div>
怎么实现当点击第一个连接显示第一个div，其他隐藏。点击第二个....... 展开
展开全部
每个div定义个一个唯一的 id
定义一个方法 传参数 id for 循环 等于 当前 参数 id的 显示 其他隐藏
function ... (id){
//根据 名字 或者其他属性 得到所有你需要处理的 div
for (...div....){
var did = .... div.id
if (did == id)
当前div.style.display=“”
else
当前div.style.display=none
}
}
不知道你能看懂不，能写出来不。。。
更多追问追答
追问
JS小白啊，能不能再清晰点！
追答
<ul>
<li><a onclick="show(1)">第一个</a></li>
<li><a onclick="show(2)">第二个</a></li>
<li><a onclick="show(3)">第三个</a></li>
</ul>
<div>
<div id="d1" name="dv">第一个</div>
<div id="d2" name="dv">第二个</div>
<div id="d3" name="dv">第三个</div>
</div>
<script>
function show(id){
var divs = document.getElementsByName("dv")
for (var i = 0 ; i < divs.length ; i++){
if (divs[i].id == "d"+id ){
divs[i].style.display=""
}else{
divs[i].style.display="none"
}
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接通过div的display属性进行灵活控制即可。
<html>
<body>
<script>
function show(){
document.getElementById("div").style.display="";
//alert(document.getElementById("div").style.display)
}
function hidden(){
document.getElementById("div").style.display="none";
//alert(document.getElementById("div").style.display)
}
</script>
<BODY>
<a onClick="show();">显示或隐藏</a>
<div id="div" style="display: none" onMouseout="hidden();">
</div>
</BODY>
</HTML>
<html>
<body>
<script>
function show(){
document.getElementById("div").style.display="";
//alert(document.getElementById("div").style.display)
}
function hidden(){
document.getElementById("div").style.display="none";
//alert(document.getElementById("div").style.display)
}
</script>
<BODY>
<a onClick="show();">显示或隐藏</a>
<div id="div" style="display: none" onMouseout="hidden();">
</div>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("a").click(function() {
var index = $(this).parent().index();
$("div div:eq("+index+")").show().siblings().hide();
})
var index = $(this).parent().index();
$("div div:eq("+index+")").show().siblings().hide();
})
更多追问追答
追问
Jquery小白啊，能不能再清晰点！
追答
获得你点击的那个a元素的父元素的索引index，然后再下面的div中找到相同索引的子元素div，令他显示，并且令显示的div元素的其他所有兄弟元素隐藏
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
