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

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

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

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

    JS offsetParent属性获取最近上级定位元素

    js中,offsetParent 属性表示最近上级定位元素。...要获取相对父级元素位置,可以先判断 offsetParent 属性是否指向父元素,如果是,则直接使用 offsetLeft 和 offsetTop 属性获取元素相对于父元素距离;否则分别获得当前元素和父元素距离窗口坐标...//获取指定元素距离父元素左上角偏移坐标//参数:e表示获取位置元素//返回值:返回对象直接量,其中属性x表示x轴偏移距离,属性y表示y轴偏移距离function getP (e) { if...offsetLeft属性值 var y = e.offsetTop; //读取offsetTop属性值 } else { //否则调用getW()扩展函数获取父元素偏移位置,并返回它们差值..."x" : x, "y" : y },}下面调用该扩展函数获取指定元素相对父元素偏移坐标。

    7.7K40

    PHP反射动态获取类方法、属性、参数操作示例

    本文实例讲述了PHP反射动态获取类方法、属性、参数操作。分享给大家供大家参考,具体如下: 我们可以在PHP运行时,通过PHP反射动态获取方法、属性、参数等详细信息。.../ 通过ReflectionClass方法来获取详细信息 // 获取常量 echo $rp- getConstant ( 'weightUnit' ); echo "<br/ "; // 获取类中已定义常量...var_dump ( $rp- getConstants () ); // 获取属性,返回是一个ReflectionProperty类 $propName = $rp- getProperty (...'name' ); echo $propName- getName(), ':', $propName- getValue ( new Person () ); echo "<br/ "; // 获取类中已定义一组属性...,可以过滤不需要方法 $metds = $rp- getMethods(); //获取命名空间 echo $rp- getNamespaceName(); echo "<br/ "; //判断一个方法是否定义

    1.7K20

    在 Vue.js 中通过计算属性动态设置属性

    在 vue_learning/basic 目录下新建一个 computed.html 保存本篇教程代码,然后编写上述功能实现代码如下: <!...,我们使用到了前面介绍数据绑定、列表渲染、事件监听和处理、属性和类名绑定等所有基本语法,在浏览器中预览该页面: 我们可以通过列表下面的输入框和按钮新增框架到列表项: 可以看到,使用 Vue.js...,列表项并没有按照 language 排序,为了更优雅实现这个排序,可以使用 Vue.js 框架提供计算属性功能。...计算属性定义在 Vue 实例 computed 属性中,我们将上述排序逻辑通过计算属性 sortedFrameworks 来实现,对应实现代码如下: methods: { addFramework...好了关于 Vue.js 基本语法学院君就简单介绍到这里,下篇教程,我们将开启 Vue 组件开发之旅。

    12.7K50

    Asp.Net无刷新上传并裁剪头像

    使用有一点BUG,不过能解决,chrome&FireFox里上传如果代码中有用Session,获取不到) 没用过这个插件可以去它官网认识一下这个插件 Uploadify官网:   http://www.uploadify.com....uploadifyUpload() 触发上传 .uploadifySettings() 更新uploadify属性 2.裁剪图片使用CutPic.js  (这个JS文件如果各位要用,要自己用心看看...X坐标,Y坐禁,以及截图框大小; 这个要修改CutPic里设置切割要用到,CutPic.js里己经做了注释; Uploadify中参数如果动态改变,可以写在像我下面写这样去更新参数 $("#uploadify...,有用过可以指点一下, 不过这个问题没有属性也不是不可以解决,可以在uploadifyJS文件中删除或注释掉append这一段进度条HTML代码。...这样就做完了,Uploadify和这个CutPic.js几乎能做到所有现在能看到上传截图功能,还有的自己扩展一下^-^! PS:示例代码没有优化,请各位自己做做优化^_^!

    3.5K70

    如何使用 JS 动态合并两个对象属性

    ,例如它们都有location,则第二个对象(job)属性将覆盖第一个对象(person)属性: const person = { name: "前端小智", location: "北京"..., source2, ...); 此方法将一个或多个源对象中所有属性复制到目标对象中。...浅合并和深合并 在浅合并情况下,如果源对象上属性之一是另一个对象,则目标对象将包含对源对象中存在同一对象引用。 在这种情况下,不会创建新对象。...JavaScript没有现成深合并支持。然而,第三方模块和库确实支持它,比如Lodash.merge。 总结 本文中,我们演示在如何在 JS 中合并两个对象。...---- 代码部署后可能存在BUG没法实时知道,事后为了解决这些BUG,花了大量时间进行log 调试,这边顺便给大家推荐一个好用BUG监控工具 Fundebug。

    6.7K30

    动手实现扩展属性为对象动态添加获取数据

    由于项目需要常常会遇到为某一个对象动态添加属性情况,而以前我实现方式是创建一个字典用于存放对象实例和它值,但是往往光这么做是不够,例如想在对象某个属性值改变时候做点什么都要写很多代码,所以想是不是能够将这一类功能进行一下封装...不过说到底依赖属性还是个不错东西,接下来我们将实现一个类似的东西 - 扩展属性。 在实现扩展属性时我也参考了依赖属性源码,它设计思想的确很“先进”。...userDynamic.Info; 3: userDynamic.Info = "1"; 4: userDynamic.Age = 50; 5: rrr = userDynamic.Info; 我为扩展属性添加了动态性使对象属性创建和访问更加方便...,这里如果Info属性在前面没有用RegisterProperty方法定义过它会自动生成一个扩展属性且添加属性值.如果访问了它普通属性属性也是正常使用。...,代码下载……

    1.9K30

    ASP.NET MVC 4 中Jquery上传插件Uploadify简单使用-版本:3.2.1

    1.官网下载开发包:http://www.uploadify.com/download/,选择免费Flash版本: 2.解压后,需要用到以下几个文件: 需要修改uploadify.css中取消上传按钮背景图片路径..." /> <script src="~/Content/<em>uploadify</em>/jquery.<em>uploadify</em>.min.<em>js</em>...data = $.parseJSON(data); 13 alert(data.imgpath); 14 } 15 }); 16 }); 6.后台<em>代码</em>:...; formData:{ "imgType":"normal" }  参数可以动态设置,一般在onUploadStart事件中进行处理: 如果参数名与初始化formData中一样,参数值将覆盖,否则添加...动态设置方法在开始上传之前执行都是可以,该试例在两个checkbox(通过bootstrap-switch美化)状态切换时进行设置: $('#img_mode').on('switch-change

    1.5K50
    领券