Question

这是＆＃34;全能代码＆＃34;！

＆＃13;

function testFun(target){
  $(this).addClass("element")
  $(target).addClass("target")
}

＆＃13;

 
<a href="#" onclick="testFun('.class')" >Element</a>
<div class="class"> </div>

＆＃13;

简单地说，在onClick事件中我也要修改元素！我希望能够在多种情况下使用相同的功能。请提供能够执行上述操作的解决方案。

Answer 1

问题是因为this函数中的testFun()未引用调用该函数的元素 - 您需要传入this的引用：

function testFun(element, target) {
  $(element).addClass("element")
  $(target).addClass("target")
}

.element {
  color: red;
}
.target {
  color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" onclick="testFun(this, '.class')">Target</a>
<div class="class">Target</div>

jQuery - 使用onclick Event修改元素

1 个答案: