专栏首页Spring相关jquery 选中某一行

jquery 选中某一行

jquery 选中某一行

html:

<div class="chatBox-list" ref="chatBoxlist">
<div class="chat-list-people">
                    <div><img src="img/icon01.png" alt="头像"/></div>
                    <div class="chat-name">
                        <p>小明</p>
                    </div>
                    <div class="message-num">10</div>
                    <button onclick="ceshi()">ceshi</button>
                    <div id="bian" ></div>
 </div>
</div>

js:

//进聊天页面
$(".chat-list-people").each(function () {
    $(this).click(function () {
        var n = $(this).index();
        console.log("你选中的好友号:"+n)

        //让input框选中
        $(this).find("input").attr("checked",true);
        $(".chatBox-head-one").toggle();
        $(".chatBox-head-two").toggle();
        $(".chatBox-list").fadeToggle();
        $(".chatBox-kuang").fadeToggle();
        //传名字
        $(".ChatInfoName").text($(this).children(".chat-name").children("p").eq(0).html());
           //传头像
        $(".ChatInfoHead>img").attr("src", "jqueryChat/img/icon01.png");
        //聊天框默认最底部
        $(document).ready(function () {
            $("#chatBox-content-demo").scrollTop($("#chatBox-content-demo")[0].scrollHeight);
        });
    })
});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 下拉菜单;手风琴;九宫格的Jquery的使用实例

    Dream城堡
  • Vue中webpack的Style的lang和Scoped属性

    修改goods.vue中的style我们会发现到goods的时候回影响到其他的div样式,添加scoped作用域可以解决这个问题,如下:

    Dream城堡
  • 第6章—渲染web视图—使用Apache Tiles视图定义布局

    Tiles是一个免费的开源模板Java应用程序的框架。基于复合模式简化的用户界面的构建。对于复杂的网站仍是最简单、最优雅的方式与任何MVC技术一起工作。Stru...

    Dream城堡
  • html5打开摄像头

    <!DOCTYPE html> <html lang="zh-cn"> <head> <meta content="text/html...

    李海彬
  • 一起学爬虫——使用xpath库爬取猫眼电

    之前分享了一篇使用requests库爬取豆瓣电影250的文章,今天继续分享使用xpath爬取猫眼电影热播口碑榜

    py3study
  • selenium-java web自动化测试工具

    本篇文章由来,这两天整理了下自己经常使用而且很熟练的项目,今天突然想起漏了一个,补上了,但想到还没对应的博客,那就写一个简单的

    肖哥哥
  • 用CSS画小猪佩奇

    腾讯NEXT学位
  • 老雷PHP全栈开发教程之Vue基础教程

    Vue是一套用于构建用户界面的渐进式框架,Vue 的核心库只关注视图层,Vue通过数据驱动构建ui界面。

    老雷PHP全栈开发
  • 老雷PHP全栈开发教程之常用html标签

    老雷PHP全栈开发
  • HTML5选择器

    czjwarrior

扫码关注云+社区

领取腾讯云代金券