开发者社区> 问答> 正文

通过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 2874 0
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
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载