JS获取每项中调用函数的当前元素DOM

最新推荐文章于 2021-05-30 22:30:19 发布
最新推荐文章于 2021-05-30 22:30:19 发布
阅读量334 收藏
点赞数
分类专栏： 学习心得与BUG解决 文章标签： jquery js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48268301/article/details/115218466
版权
本文介绍了如何在JavaScript（包括jQuery）中利用`$(this)`或`this`关键字来获取每项中调用函数时的当前元素DOM。通过这种方式，可以方便地在遍历DOM集合时操作特定元素。
摘要由CSDN通过智能技术生成

jquery用$(this)的方式即可：

 for (var i in list) {
.....
<button type="button" class="btn " onclick="like(${p.id},this)">
最低0.47元/天 解锁文章
Traving Yu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript实现获取dom中class的方法
10-24
以上就是通过JavaScript获取DOM中class元素的方法和相关知识点的介绍。这涉及到对DOM操作的理解和对特定方法的应用，对于前端开发者来说是一项基础且重要的技能。掌握了这些知识点，开发者可以更加灵活地处理页面...
js函数获取html中className所在的内容并去除标签
12-10
在JavaScript中，获取HTML元素并处理其类名（className）是一项常见的任务，特别是在网页动态交互和DOM操作中。本文将详细解析标题所提及的`queryClass`函数，它用于查找具有特定类名的HTML元素，并从中提取内容同时...
【JavaScript】如何获取调用该函数的源对象（元素）
baidu_39183390的博客
11-18 1万+
问题前提： 原本打算进行动态添加元素的，然后设置双击该元素删除该元素。 在原本就存在的元素上设置了onDbClick属性，再利用removeChild实现了。 在动态添加的元素上尝试设置ondbclick属性——失败（存在参数的时候不行，没参数正常）；还试了几个，也是同样的问题。 然后便将方向转向如何获取调用该函数的源对象的问题上。 方法一： 也就是我自己原来用的方法。 将自己作为参
JavaScript使用function定义对象并调用的方法
12-11
本文实例讲述了JavaScript使用function定义对象并调用的方法。分享给大家供大家参考。具体分析如下： JS中你可以通过函数的方式定义对象，下面的JS代码定义了一个movie的函数对象，然后通过new的方法声明对象，调用起来也非常简单。 [removed] function movie(title, director) { this.title = title; this.director = director; } var aliens = new movie("Aliens","Cameron"); document.wr
在JS函数里，如何获取调用函数的当前元素DOM
qq_39704803的博客
04-22 6072
一般可以通过触发元素事件，通过$(this)获取当前元素dom，从而进行相应操作。 例： $("#id").on("click",function(){ console.log( $(this).html()); }) 但如果是通过调用方法，对当前元素dom进行操作，$(this)就不行了。最后通过以下方法解决。 <button type="button" class="b...
JS获取当前操作的元素
leejin_521的专栏
11-04 995
window.event.srcElement; 实例: function clickRow() {  var ele = window.event.srcElement; } 呵呵呵
获取触发事件的元素
weixin_30672019的博客
04-12 117
document.onmousedown = function(e) { event = e || window.event; //在Internet Explorer里event是全局变量，会被存储在window.event里，firefox中 ,event事件会被相应的自定义函数获取 var obj = event.target ...
html当前域名,js取得当前url,javascript获取当前页面url值,js获取域名
weixin_34566429的博客
05-30 126
运行如下: thisDLoc = document.location;thisURL = document.URL;thisHREF = document.location.href;thisSLoc = self.location.href;thisTLoc = top.location.href;thisPLoc = parent.document.location;thisTHost = t...
js获取当前时间显示在页面上并每秒刷新
10-25
在JavaScript中，获取当前时间并在页面上实时更新是一项常见的任务，尤其在构建动态网页时非常有用。本示例提供了一种简单的方法来实现这一功能，通过JavaScript的内置Date对象和DOM操作来完成。以下是详细解释： 1...
js获取class的所有元素
12-11
在JavaScript中，获取具有特定class的所有元素是一项常见的任务，这对于网页动态交互和DOM操作至关重要。在给定的代码示例中，我们看到一个名为`getClass`的自定义函数，它用于根据标签名称和类名获取元素。这个功能...
JS简单实现获取元素的封装操作示例
10-20
在Web开发中，获取页面元素是一项基础而频繁的操作，常见的有通过ID、类名(class)和标签名(TAG)来获取元素。原生JavaScript提供了一些内置函数来实现这些操作，例如：document.getElementById()用来获取指定ID的元素...
如何找到JavaScript中的调用者函数？
p15097962069的博客
12-18 4944
function main() { Hello(); } function Hello() { // How do you find out the caller function is
【Javascript】判断函数被调用的方法
王昱潇的博客
04-27 5421
前情提要 ES5及早期版本中函数具有多重功能，可以结合new使用，函数内的this值将指向一个新对象，在ES6中，函数混乱的双重身份有一些改变。 Javascript函数有两个不同的内部方法：[[Call]]和[[Construct]]，当遇到通过new关键字调用函数时，执行的是[[Construct]]函数，它负责创建一个通常被称作实例的新对象，然后再执行函数体，将this绑定到实例上。否则将执行[[Call]]函数，从而直接执行代码中的函数体。具有[[Construct]]方法的函数被统称为构造函数
js获取DOM元素的方法（8种）
qq_40556950的博客
05-14 1951
JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector） 通过选择器获取一组元素（querySelectorAll） 获取html的方法（document.documentElement） document.documentElement是专门获取h
JS中DOM元素的操作
热门推荐
不想写代码的一天
05-23 4万+
一、DOM元素的获取 1）document.getElementsByClassName ( “class”) 返回集 htmlcollection ,用法和数组一致 说明: class为DOM元素上class属性的值 2）document.getElementById( “id” ) 功能:返回对拥有指定ID的第一个对象的引用 返回值: DOM对象 说明: id为DOM元素上id属性的值 3)...
js中获取元素的当前位置
假面猫的博客
10-24 1万+
js中获取当前位置有如下几种方法： event.offsetWidth, event.offsetHeight, event.clientX, event.clienY, event.scrennX, event.screenY, 他们的区别如下： 可以看出， event.screenX和event.screenY是相对于显示屏的位置。 event.clientX和ev
js中被调用的函数获取调用者对象
weixin_30898109的博客
11-17 2091
通过event.srcElement即可。一直用了很久的传参，终于解决了。 转载于:https://www.cnblogs.com/zinan/p/7850442.html
JavaScript/jQuery获取时间教程：完整示例与解析
JavaScript中的`Date`对象提供了一个简便的方法来获取当前日期和时间。例如，创建一个新的`Date`对象，然后调用其`toString()`方法，将返回当前日期和时间的字符串形式。 ```javascript var now = new Date(); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值