javascript 怎样取得隐藏的div元素
1个回答
展开全部
这个需求很简单
比如这样
<div class="content">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="nav">
<button>btn1</button>
<button>btn2</button>
<button>btn3</button>
</div>js
$(function(){
var items = $('.content .item');//拿到所有的div
var btns = $('.nav button');//拿到所有的按钮
btns.on('click' , function(){
var btn = $(this);//得到当前点击的按钮
var index = btn.index();//当前点击的顺序是第几个
items.eq(index).show().siblings().hide();
//将items 的第 index 个显示,其它的全部隐藏
});//
//btns.eq(0).click();//如果有必要可以默认触发第一个按钮的点击事件
});
比如这样
<div class="content">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="nav">
<button>btn1</button>
<button>btn2</button>
<button>btn3</button>
</div>js
$(function(){
var items = $('.content .item');//拿到所有的div
var btns = $('.nav button');//拿到所有的按钮
btns.on('click' , function(){
var btn = $(this);//得到当前点击的按钮
var index = btn.index();//当前点击的顺序是第几个
items.eq(index).show().siblings().hide();
//将items 的第 index 个显示,其它的全部隐藏
});//
//btns.eq(0).click();//如果有必要可以默认触发第一个按钮的点击事件
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询