通过hover控制表格td内容的显示和隐藏-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-06-03 19:08:37 2301 1

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

取消 提交回答
全部回答(1)
  • 吴孟桥
    2019-07-17 19:27:07

    jquery代码:

    $("div[id^='box']").each(function(index,domEle){
        var _index=index;
        $(this).mouseenter(function(){
            $('#personalInfo'+_index).show();
        });
        $(this).mouseleave(function(){
            $('#personalInfo'+_index).hide();
        })
    })
    0 0
+关注
0
文章
2240
问答
问答排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载