如图：如何用JS实现点击div1到div4的内容，都只会在div5中显示呢，就是多个div内容只显示在一个div中
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<body>
<div class="content">
<div class="item">我是div1</div>
<div class="item">我是div2</div>
<div class="item">我是div3</div>
<div class="item">我是div4</div>
<div id="item_div" class="item5"></div>
</div>
</body>
<style type="text/css">
.content .item,.content .item5{
height: 60px;
width: 120px;
margin: 10px;
border: 1px solid #dcdcdc;
border-radius: 4px;
}
</style>
<script type="text/javascript">
$(function(){
$('.item').on('click',function(){
$('#item_div').html($(this).html());
})
})
</script>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
<div id="div1" onclick="divShow(this)">1</div>
<div id="div2" onclick="divShow(this)">2</div>
<div id="div3" onclick="divShow(this)">3</div>
<div id="div4" onclick="divShow(this)">4</div>
<div id="div5"></div>
</body>
<script>
function divShow(obj){
$("#div5").html(obj.innerText);
}
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
