触发定义onclick事件的当前元素

Question

I have a function like this. I want to select current element without passing parameter or change anything in HTML.

I see the $(this) is not working. Are there any other techniques we can achieve this?

function social_follow_us(){
    $(this).addClass("green")
}   

HTML like this.

<a href="..." onclick="social_follow_us()" class="btn btn-primary followButton" target="_blank" id="instagram_follow">Follow on Instagram</a>

Answer 1

Another solution is to pass this from <a onclick="..."> event:

 function social_follow_us(elem) { $(elem).addClass("green") } 

 a.green { color: green; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="..." onclick="social_follow_us(this)" class="btn btn-primary followButton" target="_blank" id="instagram_follow">Follow on Instagram</a> 

Answer 2

The context this is wrong it is the window object and not the element you want to change color

function social_follow_us(){
  $(this).addClass("green")
} 

// try this
function social_follow_us(){
  $(".followButton").addClass("green");
}

// or
$('.followButton').click(function() {
  $(this).addClass('green');
})