使用onclick()事件以及"this"获取当前标签属性值的问题

最新推荐文章于 2021-08-31 18:40:58 发布
最新推荐文章于 2021-08-31 18:40:58 发布
阅读量2w 收藏 10
点赞数 8
文章标签： this jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39187063/article/details/88954970
版权

使用onclick()事件以及"this"获取当前标签属性值的问题

代码：
使用thymeleaf动态添加数据

效果图：

进行操作时点击对应的button需要获取其对应的id值，类、ID选择器并不适用与获取动态的数据，因此得使用this关键字。

最初我是在函数内部通过$(this).val()来获取
在这里插入图片描述
按道理这样应该是可行的，实际上会报如下错误：
在这里插入图片描述
经过百度似乎是因为没有获取到
$(this)的对象，经过百度发现了这么一篇文章讲解使用this关键字：
https://www.cnblogs.com/duck-ifox/p/5857545.html
其中把this作为参数传到函数里面给了我灵感，于是我对函数进行改进：
在这里插入图片描述
在这里插入图片描述
成功获取动态的数据：
在这里插入图片描述

林染_
关注
前端-常用点击事件获取元素的方式及onclick如何获取点击事件所在的元素
weixin_58443158的博客
08-07 1123
事件处理器来获取触发事件的元素。事件处理器会被传入一个事件对象（），该对象包含关于事件的所有信息，包括触发事件的元素。3、事件的处理程序：事件触发后要执行的代码（函数）事件公式：事件源.事件类型 = 事件的处理程序。在JavaScript中，可以通过给元素添加。获取到是哪个元素触发了事件。1、事件源：被触发的元素。当按钮被点击时，会触发。详看示例代码，如何在。
详解a标签添加onclick事件的几种方式
10-17
在这种情况下，我们可以使用`onclick`事件来实现。本文将详细介绍在`<a>`标签上添加`onclick`事件的几种常见方法。 ### 方法1: 使用`javascript:js_method()` ```html ();" rel="external nofollow">点击我 ``` 这...
使用onclick()事件以及"this"获取当前标签属性值
QSWの
01-13 4550
通过onclick事件来获取到动态数据中的data属性值 在onclick事件的括号里写this，在方法函数里写一个值用来传输，这样就可以获取到想要的值了。
javascript中onclick(this)用法介绍
10-27
this指触发事件的对象，接下来为大家分享下javascript中onclick(this)的用法，感兴趣的朋友可以参考下哈，希望对你有所帮助
onclick() 获取$(this)
qq_36196059的博客
11-29 4697
onclick() 获取$(this) // 在（）中加this可以在function中获取(this),否则获取(this),否则获取(this),否则获取(this)==window &lt;div onclick="check(this)"&gt;&lt;/div&gt; function check(thisDiv){ thisDiv == '&lt;div onclick="c...
js中onclick()获取当前点击对象的属性值
weixin_39218464的博客
05-20 1万+
HTML <a type='button' class="layui-badge margin-left-5 layui-bg-danger" target="view_window" onclick="audit_no(this)" value="{$value['id']}"> 审核订单 </a> js代码 //修改订单状态，生成审核记录 function audit_no(obj) { var a = $(obj).attr("valu
js日常踩坑之onClick 获取 this 对象
fjigww
06-03 1589
js日常踩坑，onClick 获取 this 对象 使用的是 bootstraptable 控件，在返回数据时 formatter 要设置值在 a 标签中，一直 1 方法中这样传入 this，一直错误： Uncaught SyntaxError: Unexpected identifier ，这是因为此 this 被当成定义的入参了，非函数调用时的上下文，所以后面 skip 函数中获取...
onclick与this
weixin_30532973的博客
02-03 223
这个其实也是一个很基础的问题，不过又碰巧遇到了，所以记录一下。 假设我们有这么一个需求，按下按钮，弹出提示框，显示按钮的value值。 可能有一些人提起笔就写： <button onclick="a()" value="a">click</button> <script> function a(){ alert(this.value...
A标签中通过href和onclick传递的this对象实现思路
12-03
当涉及到在`<a>`标签上同时使用`href`属性和`onclick`事件时，`this`对象的行为可能会变得复杂，特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题，并提供解决思路。 首先，`this`关键字在...
js 点击a标签 获取a的自定义属性方法
10-21
// 使用获取到的属性值进行后续操作 console.log(ownattr); // 这里可以根据实际情况将获取到的值显示出来或者进行其他操作 } ``` 在上述代码中，`obj`参数是触发点击事件的元素，即a标签本身。`obj.attributes`...
jquery A标签onclick事件
01-06
3. **JavaScript 函数引用问题**：在实际应用中，直接传递字符串 `"GetServer(this)"` 作为 `onclick` 属性值的方式并不是最佳实践，因为这会导致每次点击时重新创建函数。推荐使用标准的事件绑定方法。 综上所述，...
点击事件 onclick传参this
qq_42709302的博客
08-17 3895
点击事件 onclick传参this 每次拼接字符串的时候给onclick 传this ,接受this的时候就会一脸懵逼,总是拿不到自己想要的Dom ，结果却是:【objice】,哎，最主要是年纪大了，脑子不太好使，写一次忘一次，准备记录一下用法 直接贴正确的使用代码 传参的方式 html+= "<li class=\"addOlList\" onclick=\"valUnid('"+qjlist[i].unid+"','"+this+"')\">" html+= "<d
触发onclick事件获取当前元素各个属性参数
Tarafireworks的博客
08-31 4257
自动生成元素的onclick事件 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 <a onclick="test()">点击我</a> <script> function test(){ var is=event.currentTarget; console.log($(is)); //获取当前元素，类同this console.log(event.target); //返回绑.
javascript中onclick(this)用法和onclick(this.value)用法介绍
热门推荐
只在朝暮间的博客
06-14 5万+
onclick(this.value)代码详解 <html> <head> <script language="javascript"> function test(value){ if(value=='1') { alert("11111111"); }else{ alert
onclick中，获取不了$(this)
前端 潇凡-一个标准前端IT女
12-28 1万+
今天写项目，发现onclick中，$(this)默认绑定的是window对象，而不是当前点击对象。试了一下，onclick中，必须带this，在function内，才能获取当前对象。 链接 function openNewsList(url, obj) { console.dir(obj); $(obj).removeC
onclick事件属性与在用js绑定onclick事件中的this的区别
09-10 296
一句话:this永远指向所在函数的拥有者. 举几个例子: 1.id为"aa"的a元素有一个onclick属性,属性值为f1() <a href="javascript:;" title="" id="aa" onclick="f1()">分类列表</a> //f1的定义function f1(){console.log(this);} ...
HTML的onclick的this指向
思维小刀
05-31 4018
1.简述 <input type="button" value="modify" onclick="changeContent()"> 写在元素上onclick里面的函数changeContent，相当于函数直接调用， 函数里面使用的this指向全局对象window，而不是指向该元素 <input type="button" value="修改" onclick="...
js中onclick事件中this用法
qq_45187522的博客
10-02 9436
案例1： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{ color: #0000cc; font-size: 20px; } </style> <
onclick点击事件产生的数据如何保存传递
最新发布
07-15
然后可以使用JavaScript代码获取这些属性值并进行处理。 3. 使用AJAX请求：如果需要将数据传递给后端服务器进行处理或保存，可以使用AJAX来发送请求。通过在onclick事件中使用AJAX发送POST或GET请求，将数据传递给...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值