jquery同时修改a标签的href链接和文字_jquery 修改data-href内容-优快云博客

本文介绍了一种在使用jQuery时遇到的问题，即在同一元素上同时修改属性与文本内容时出现的冲突现象，并给出了解决方案。通过分别使用不同的选择器（ID与类名），或采用更合理的DOM结构来避免此类问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

无论是text

$("#pass").attr({
                "onclick" : "null",
                "text" : "已操作"
            });

还是th:text

$("#pass").attr({
                "onclick" : "null",
                "th:text" : "已操作"
            });

查看代码： text="已操作">通过【只是text改变了，内容仍然是通过】

使用下面这个，可以成功

$("#pass").text('已操作');

查看代码： text="已操作">已操作

但是会出现下面的情况

$('#pass').attr('onclick','null');//不能用
$("#pass").text('已通过');//不能用

不能用2个 $("#pass") 会失效一个就可以好奇怪啊

单个使用是可以的

解决方法设置两个……

id="pass" class="pass"

$(".pass").attr({"onclick" : "null"});
$("#pass").text('已操作');

感觉我简直是ZZ…… 不懂人家为什么两个放一起就没事咧????

开心~最终解决方法

html

<a onclick="pass(this)" th:text="通过">通过</a>|<a class="veto">不通过</a>

js

//通过
$(node).attr({"onclick" : "null"});
$(node).text('已通过');
$(node.parentElement.lastElementChild).attr({"onclick" : "null"});
$(node.parentElement.lastElementChild).text('认证成功');

//否决  是通过弹出层的一个form表单  要先：var node = this;
$(node.parentElement.firstElementChild).attr({"onclick" : "null"});
$(node.parentElement.firstElementChild).text('不通过');
$(node).attr({"onclick" : "null"});
$(node).text('认证失败');

//特别注意：如果把node 改成this，那么只会改变每页表格的第一栏的状态，