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>弹窗
展开
 我来答
abccccaf
2018-09-26 · TA获得超过845个赞
知道小有建树答主
回答量:912
采纳率:86%
帮助的人:262万
展开全部

获取到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 吗 自己看清楚呀!
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式