有9个div对应9个按钮,点击第一个div隐藏 后面8个div自动顶上去，怎么用JS控制，求全部代码
有9个div对应9个按钮,点击第一个div隐藏后面8个div自动顶上去，怎么用JS控制，求全部代码...
有9个div对应9个按钮,点击第一个div隐藏 后面8个div自动顶上去，怎么用JS控制，求全部代码
展开
2个回答
展开全部
用document的onmousedown 响应鼠标在页面上的点击事件 IE中用event.srcElement； FF中用e.target； 能获得鼠标点击的对象 然后你判断该对象是否为选择城市的这个div 不是的话就隐藏该 div 我想怎么用jquery你应该知道 吧 $(document).mousedown( function(event){ alert(event.target.id); //这样会弹出你单击的元素的id,你可以在这里写你的程序了 } ); );
追问
刚入行，主要是程序不会写
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
必须要按钮吗？div自己也可以接收点击事件。
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
border:1px solid red;
width:100px;
height:30px;
position:relative;
}
</style>
<script>
function hideDiv(div){
div.style.display="none";
}
</script>
</head>
<body>
<div onclick="hideDiv(this)">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</body>
</html>
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
border:1px solid red;
width:100px;
height:30px;
position:relative;
}
</style>
<script>
function hideDiv(div){
div.style.display="none";
}
</script>
</head>
<body>
<div onclick="hideDiv(this)">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</body>
</html>
更多追问追答
追问
必须要按钮的
追答
加了按钮的
div{
position:relative;
}
function hideDiv(btn){
btn.parentNode.style.display="none";
}
1
2
3
4
5
6
7
8
9
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
