AI 助理
备案控制台
开发者社区 问答 正文

通过hover控制表格td内容的显示和隐藏

这儿我建立了5个父div，id分别是
box0 box1 box2 box3 box4
和5个子div ， id分别是
personalInfo0 personalInfo1 personalInfo2 personalInfo3 personalInfo4
当我的鼠标移动到box0的时候，我想显示personalInfo0，但不想显示其他的personalInfo。
以此类推，当鼠标移动到boxn的时候，就显示personalInfon。
请问该如何实现...?
下面是我建立表格的关键语句。
screenshot

展开
收起
吴孟桥 2016-06-03 19:08:37 2989 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 吴孟桥

    jquery代码：

    $("div[id^='box']").each(function(index,domEle){
    var _index=index;
    $(this).mouseenter(function(){
        $('#personalInfo'+_index).show();
    });
    $(this).mouseleave(function(){
        $('#personalInfo'+_index).hide();
    })
})
    2019-07-17 19:27:07
    赞同 展开评论
问答地址：
开发者社区 > 云计算 > 问答
相关问答
传统的表单控件textarea元素的默认样式是什么？
496
1
0
雨雀表格无法取消隐藏
1401
1
0
我无法在表格视图内设置按钮宽度
405
1
0
css表格怎么隐藏显示
1382
1
0
js怎么设置tr隐藏显示
1988
1
0
Datatables表格中的内容怎么设置让它不自动换行？
2486
1
0
如何实现让一个区域变得可编辑？不用contentEditable、textarea的情况下。能否提示一下？谢谢
2976
1
0
单独给table的tr设置边框不显示?
4158
1
0
单独给table的tr设置边框不显示?
2519
1
0
鼠标滑过label时让其包裹的span标签显示 如何用CSS实现
2524
1
0