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

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

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

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

    如何在 React 获取点击元素的 ID

    本文将详细介绍如何在 React 获取点击元素的 ID,并提供示例代码帮助你理解和应用这个功能。使用事件处理函数在 React ,我们可以使用事件处理函数来获取点击元素的信息。...在事件处理函数,我们可以通过 event.target 来访问触发事件的元素。通过 event.target.id 可以获取到点击元素的 ID。...当用户点击按钮时,handleClick 函数会打印出点击元素的 ID,方便我们进行后续操作。注意事项需要注意以下几点:在示例代码,我们将事件处理函数直接绑定到按钮的 onClick 属性上。...结论本文详细介绍了在 React 获取点击元素的 ID 的两种方法:使用事件处理函数和使用 ref。...通过事件处理函数,我们可以通过事件对象获取到点击元素的 ID,而使用 ref 则可以直接引用元素并访问其属性。根据你的项目需求和个人喜好,选择适合的方法来获取点击元素的 ID

    3.4K30

    腾讯轻联多维表记录id是什么?如何获取记录id

    在腾讯文档智能表、金山轻维表、维格表需要去【更新表格数据】的时候,经常会需要输入记录id(英文record id),很多用户也会有疑问,什么是记录id,如何获取记录id等。...如何获取到金山、维格表、腾讯文档的记录ID?...获取到多维表的记录ID有两种办法:● 最常用的办法是在【更新数据】节点前面增加一个多维表格的【查询数据】节点,通过设定一定的条件来查询到对应的数据的记录id(或者英文record id)● 其次,部分场景下...,前面的多维表节点有一个【写入/创建数据】节点,由于已经对这行数据做了一次写入,也可以获取到对应的数据的记录id(或者英文record id)这类操作简单的来说,就是我们需要通过写入或者查询的动作,先找出我们需要去更新的数据的...记录ID写入更新失败的常见问题在多维表【更新数据】时点击【测试预览】失败最常见的原因就是,在上一个多维表【查询数据】时,设定的条件查询多了多条数据,所以这时如果简单的选择【记录id】的变量,实际上获取到的是一个

    2.3K30

    Mysql实现获取自增id插入到其他表

    现在有这样一个需求,就是我向A表插入一条数据,id是自增的。...插入之后,还需要向B表插入一条数据,但是B表需要保存的数据要使用刚刚A表自增后的id, 这个其实是一个比较常见的需求,就是两张表之间的一个关联,如果用程序来执行也是很容易实现。...比如我就在用sql执行之后,获取A的id插入到B表 实现方式如下: insert into A (id,name,code) values (null, "zhagnsan", "zs"); // 注意...A表的id要设置为自增,给null值即可 set @id = @@IDENTITY; // 使用id变量保存刚刚自增生成的id insert into B (id,a_id,name) values...(null, @id, "lisi"); // 使用变量获取A表Id 上面是用自定义变量的形式进行保存的,如果你只是想查一下是多少,可以直接使用: select @@IDENTITY; 好了,如果对你有帮助

    4K30

    开发 | 如何在小程序获取微信群 ID

    两种读取方式 根据官方文档,我们可以通过以下两个方式,读取到微信群 ID 的信息: 当用户成功地将小程序页面分享到微信群后,小程序的回调结果可以获取该微信群的群 ID。...当用户从微信群的分享入口进入小程序时,小程序可以获取当前微信群的群 ID。 首先,我们来聊聊用户成功地将小程序页面分享到微信群的情况下,如何读取目标微信群的 ID。...接下来,是通过微信群进入小程序情景下的微信群 ID 获取。 用户进入小程序时,小程序可以在 app 对象的 onLaunch 生命周期函数获取到进入小程序的渠道(情景值)。...如果你没有做过类似的解码工作,也不用担心,微信提供了包括 PHP、Node.js 等环境下的解码 demo 代码。我们只需从小程序开发文档中下载 demo 代码,再将其引入,也能轻松进行解码。...修改文件夹的 demo.js,将示例代码替换成实际信息,包括小程序 App ID、登录用户的 Session Key、加密数据等等。 在终端,执行 node demo.js 命令 。

    5K10

    mysql实现获取自增id插入到其他表

    现在有这样一个需求,就是我向A表插入一条数据,id是自增的。...插入之后,还需要向B表插入一条数据,但是B表需要保存的数据要使用刚刚A表自增后的id, 这个其实是一个比较常见的需求,就是两张表之间的一个关联,如果用程序来执行也是很容易实现。...比如我就在用sql执行之后,获取A的id插入到B表 实现方式如下: insert into A (id,name,code) values (null, "zhagnsan", "zs"); // 注意...A表的id要设置为自增,给null值即可 set @id = @@IDENTITY; // 使用id变量保存刚刚自增生成的id insert into B (id,a_id,name) values...(null, @id, "lisi"); // 使用变量获取A表Id 上面是用自定义变量的形式进行保存的,如果你只是想查一下是多少,可以直接使用: select @@IDENTITY; 好了,如果对你有帮助

    3.5K20

    顶级 await 在 Node.js 模块可用啦!

    在处理诸如发出网络请求之类的异步功能时,Node.js (尚) 没有顶级 await 支持。 该await关键字允许您解开基于 Promises 的代码,避免链式then调用并使源代码更具可读性。...我们可以async在 Node.js 代码避免这些包装器吗?顶级等待现在来救援!...顶级await在 Node.js “未标记”可用,因为v14.8 从 Node.js 开始v14.8,顶级 await 可用(不使用--harmony-top-level-await命令行标志)。...有一个问题:顶级 await 仅在 ES 模块可用。有三种方法可以使 Node.js 脚本成为 EcmaScript 模块。...input-type在评估字符串输入时定义 有时您可能需要将代码通过管道传输到 Node.js 二进制文件或使用eval标志。

    2.4K20
    领券