jQuery -使用onclick事件修改元素

Question

这是“万能密码”！

​

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

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

​

简单地说，在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>

​