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

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

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

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

    js动态添加div

    问题 有没有遇到过这样的需求, 在页面上会有不定个input, 点击添加按钮就添加 ?...点击第一行的添加 点击的时候, 将div准备好, 添加到内容div中的第一个 点击每行的添加 将div添加到当前点击行后面一个 点击每行删除 删除当前div 实现 基本思路很简单, 只要在每个点击按钮上添加对应的点击事件...我在封装的时候喜欢先想用的时候怎么用, 然后根据这个思路来想应该怎么封装, 思考如下 因为添加的div肯定是不同的, 是需要传的参数, 但是如果直接传div字符串也太丑了, 应该在页面直接写HTML,...然后传id即可 添加成功后需要有个回调函数, 我得做些收尾的工作 最好有这两个参数就可以直接运行 开始码代码了: 在创建的时候接收参数, 大部分参数都有默认值, 也就是说, 按照默认值来看, 一个参数都不需要...this.addSuccessFunction(divItem, this.secp); // 序号迭代 this.secpIter(); // 条目+1 this.num++; }; // 获取当前序号的

    24.5K40

    用JavaScript动态输出的JS脚本不能执行

    动易2006的前台登陆表单已经采用了Ajax技术,页面上所看到的登陆表单并非直接由HTML代码在页面中写成,而是在页面加载以后,通过JS,通过Ajax,向服务器端的asp程序查询用户登录状态以后,再动态输出到页面的...一开始我通过JS,动态生成调用script的HTML代码以后,输出到页面,跟其它的HTML代码一样。结果出现了通行登陆不能同步的问题。...天亮的时候跟动网公司的迷城浪子聊到这个问题,老迷没看我的脚本,只是听我讲了一遍,回答我说“JS输出的JS脚本不能被执行的吧?” 难道真是这个问题?...后来我写了一个段测试脚本,果然是js输出的js将不能执行。...("div").innerHTML = newStr; 可以看到“加载中...”字样已经被下面的JS代码动态输出的代码替换了,但是并没有显示统计图标,说明script脚本调用代码已经被输出到页面,但是没有被执行

    3.3K50

    mybatis获取update的id

    此处用法用法就是当 insert into 执行后 执行 selectKey 的内容将数据库的最后一个id 查询出来映射到传入数据对像的ID 属性。 写更新语句,并将更新的纪录的ID 返回出来。...通过 test 的name 去更新 test 的email,并获取被更新纪录的id。...WHERE name =#{name} 上述代码就是通过 selectKey 实现了 通过 test 的name 去更新 test 的email,并获取被更新纪录的...SELECT     (select id FROM test WHERE     name = #{name})id from DUAL  此 SELECT 就是为了获取 被更新的 test的id 外边包装一个虚表查询是当...当返回空记录的时候 mybatis会报错,说不能转换成 int 型。  当返回null的时候就会转换成int 的 0 。不会报错,代表没有查到。

    3.4K20

    mybatis获取update的id

    此处用法用法就是当 insert into 执行后 执行 selectKey 的内容将数据库的最后一个id 查询出来映射到传入数据对像的ID 属性。 写更新语句,并将更新的纪录的ID 返回出来。...通过 test 的name 去更新 test 的email,并获取被更新纪录的id。...WHERE name =#{name} 上述代码就是通过 selectKey 实现了 通过 test 的name 去更新 test 的email,并获取被更新纪录的...SELECT     (select id FROM test WHERE     name = #{name})id from DUAL  此 SELECT 就是为了获取 被更新的 test的id 外边包装一个虚表查询是当...当返回空记录的时候 mybatis会报错,说不能转换成 int 型。  当返回null的时候就会转换成int 的 0 。不会报错,代表没有查到。

    9.3K80

    JSjQuery获取不到动态添加的元素节点的解决方法

    今天写了一个添加图片的功能,要求右上角要有删除按钮,我使用 jQuery 动态添加的方式。...发现后添加的元素无法删除,打印显示 undefined ,原来 JavaScript 和 jQuery 无法获取动态添加的元素节点。...解决方法: 动态添加的标签要事件委托才能获取到节点,也就是说要用: $(selector).on(events,[selector],[data],fn) 属性解析: 参数 描述 events 一个或多个用空格分隔的事件类型和可选的命名空间...,因为我是手机端的项目,这里我用了 .touchstart (触摸开始时触发事件),否则可能会出现首次点击不能用的现象。...,这里要保证该父级节点不是动态添加的,不然同样会获取不到。

    7.1K10
    领券