首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS实现动态获取当前点击事件的id属性值

整个页面是通过ajax请求最新的4部视频进行填充完成,视频列表又是通过template-web.js插件补上去的,所以导致所有ID值都是一样的,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态的ajax请求的属性值,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接的格式在新打开的弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取的,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮的id值,然后使用button,将链接放在value中 Dom...对象的id属性可以获取元素的id值。...-- HTML结构 --> 播放 // javascript

25.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【CSS】CSS 选择器 ② ( ID 选择器 | 通配符选择器 | CSS 选择器使用注意事项 )

    文章目录 一、 ID 选择器 1、简介 2、代码示例 二、通配符选择器 1、简介 2、代码示例 三、CSS 选择器使用注意事项 一、 ID 选择器 ---- 1、简介 ID 选择器 使用 " #...id " 选择 指定的 某一个 标签 , 使用 ID 选择器 步骤如下 : 首先 , 在 HTML 中 设置 标签的 ID ; 标签内容 然后 , 在 CSS 样式中使用...ID 选择器 ; #name { color: blue; font-size:20px; } 在一个 HTML 页面中 , 标签的 ID 是唯一的 , 不允许重复 ; *...* ID 选择器 与 类选择器 的使用方法基本一致 ;** 在开发时 , ID 选择器 不推荐使用 , 使用频率不高 , 推荐使用 类选择器 ; 2、代码示例 代码示例 : <!...---- CSS 选择器使用注意事项 : 尽量不使用 ID 选择器 ; 尽量不使用 通配符选择器 ; 使用标签选择器时 , 尽量不对 无意义的标签 进行选择 , 如 div , span 标签 ;

    2.7K10

    CSS基础-CSS选择器ID、Class、Tag

    本文将深入浅出地探讨三种基本CSS选择器——ID选择器、Class选择器、Tag(标签)选择器,分析它们的使用场景、常见问题、易错点以及如何避免这些问题,并提供实用的代码示例。 1. ...ID选择器 作用与特点 ID选择器通过元素的id属性来选择唯一的元素,每个ID在文档中应该是唯一的。ID选择器具有最高的优先级,常用于页面中特定且唯一的元素。...对于样式,优先考虑使用Class选择器。 问题:ID选择器权重过高,影响样式覆盖。ID选择器的高优先级可能导致后续样式难以覆盖。...避免:尽量避免使用ID选择器来定义样式,特别是当这些样式可能需要被覆盖时。...记住,虽然ID选择器具有最高优先级,但并不意味着应该频繁使用;相反,应更多依赖于Class选择器来实现灵活多变的样式设计。

    27110

    职教云教师ID获取教程

    首先呢,因为这个教师ID在多个地方都有出现,但是每个老师的活动情况都不一样,所以也就没有写到软件里了(好吧,我就是懒)。然后修改作业时间呀,作业分数呀都需要用到这个ID,所以这里写一下获取教程。...方法一:通过课件获取 打开职教云网站,点开要获取的老师的课程, 打开F12,切换到NetWork栏。点击XHR。 进入课件!!!!注意!!!...进入课件,也就是需要播放课件,可以看到一个getCellCommentData,这个就是教师ID了 方法二:通过课后获取 进入课堂,课堂教学,课后,找到课后任务 打开F12,切换到NetWork栏...点击详情,可以看到一个getFaceTechRequireinfo,红框框里面的就是教师ID 方法三,好吧,懒得写了,有上面两个就够了

    3.8K10

    Go: 获取系统用户id示例

    本文将深入探讨 Go 语言中获取操作系统用户信息的两种常见情境:获取当前用户的信息以及获取指定用户的信息。 获取当前用户的信息 在很多应用程序中,我们需要知道当前正在运行程序的用户是谁。...currentUser.Uid) } 这段代码首先导入必要的包,然后通过 user.Current() 函数获取当前用户的信息。...获取指定用户名的用户信息 除了获取当前用户信息外,有时我们还需要根据用户名来获取特定用户的信息。Go 的 os/user 包同样支持这一操作,通过 Lookup 函数实现。...实际应用 在实际应用中,这两种方法可以帮助开发者在需要时快速有效地获取用户信息。例如,在处理文件权限、管理用户配置文件或实现基于用户的服务时,这些信息至关重要。...无论是获取当前用户信息还是查找特定用户信息,Go 都提供了直接且易于理解的方法。作为开发者,熟练掌握这些技能将在你的编程旅程中大有裨益。 以上就是关于在 Go 语言中获取操作系统用户信息的探讨。

    14810

    php 获取连续id,WordPress文章ID连续及ID重新排列的方法

    解决Wordpress 文章 ID连续问题,同时让Wordpress 文章 ID重新排列。在用以下方法前,先备份好网站文件和数据库文件,以免操作不当造成损失。...不过我只是看见ID不连续不爽,典型ID控^_^BUG:发布文章、页面后都会跳转到文章列表。如果以前Wordpress发表过文章造成ID不连续,我想让ID连续有什么办法,当然有咯。...请看让Wordpress文章ID重新排列的方法介绍。 前面我们介绍过让Wordpress文章ID连续的方法,如果以前Wordpress发表过文章造成ID不连续,我想让ID连续有什么办法,当然有咯。...备注:其实之所以不连续的原因是里面有草稿 如何区分草稿和正式的文章,数据库里面有个post_status  值为publish就是正式的文章 未经允许不得转载:肥猫博客 » php 获取连续id,WordPress...文章ID连续及ID重新排列的方法

    9.2K40

    【说站】css中id选择器的注意点

    css中id选择器的注意点 注意: 1、每个HTML标签都有一个属性叫做id, 也就是说每个标签都可以设置id 2、在同一个界面中id的名称是不可以重复的 3、在编写id选择器时一定要在id名称前面加上...# id的名称是有一定的规范的 id的名称只能由字母/数字/下划线,a-z 0-9 _ id名称不能以数字开头 id名称不能是HTML标签的名称,不能是a h1 img input ......在企业开发中一般情况下如果仅仅是为了设置样式, 我们不会使用id ,因为id是留给js使用的 作用:根据指定的id名称找到对应的标签, 然后设置属性 格式: #id名称{     属性:值; } 以上就是...css中id选择器的注意点,希望对大家有所帮助。

    1.1K30
    领券