js jq 点击a标签,显示对应li里面的div
<li><ahref='javascript:void(0)'class=open>浏览</a><divclass=review><divclass=text>”text...
<li><a href='javascript:void(0) ' class=open>浏览</a>
<div class=review><div class=text >”texta1“</div></div>
</li>
<li>
<a href='javascript:void(0)' class=open>浏览</a>
<div class=review>
<div class=text >”texta2”</div></div>
</li>
其中<div class=review>是一个弹窗,css为display=none,
怎么点击<A>标签时,显示对应li标签里面的<div class=review>弹窗 展开
<div class=review><div class=text >”texta1“</div></div>
</li>
<li>
<a href='javascript:void(0)' class=open>浏览</a>
<div class=review>
<div class=text >”texta2”</div></div>
</li>
其中<div class=review>是一个弹窗,css为display=none,
怎么点击<A>标签时,显示对应li标签里面的<div class=review>弹窗 展开
展开全部
获取到div将display 设置成 block 呗。
// 绑定单击事件
$('a').on('click', function() {
// div 是 a 标签的下一个兄弟节点,直接获取它即可。
$(this).next().css('display', 'block');
})
更多追问追答
追问
发现了问题,我把li改成了
浏览
内容2
结果$(this).parent("tbody").find失效了,该怎么弄,如果要保留tbody
追答
你废话 你dom 结构已经改了,肯定不行啊!!!
自己看结构啊。如果这样的话,写法应该是:
$('a').bind('click', function() {
$(this).parent().parent().next().css('display', 'block');
})
// 而且你方法名也写错了, 直接parent 是获取上一个父级节点 a 标签的父级节点是 tbody 吗 自己看清楚呀!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询