How to Modify Elements from JQuery Click Event

Question

I have a link like this:

 <a class="search_res_click" target="_blank" href="#">
 <div>
  // lot of stuff here
 </div>

 </a>

And I attached an event to all such links via following:

$(".search_res_click").click(function(e) {
    $(".search_res_click").children().css("opacity", "1");
    $(e).css("opacity", "0.5");
    console.log($(e));
});

The function of the event handler is to change the opacity of the clicked link. But when I am clicking on the link it is not changing the opacity.

Could you please tell me what I am doing wrong here.

e is an event, not the element itself. Use $(this)

Jeremy Thille
– Jeremy Thille

2015-03-10 12:57:08 +00:00
Commented Mar 10, 2015 at 12:57 — Jeremy Thille
– Jeremy Thille, Commented Mar 10, 2015 at 12:57

Oleksandr T. · Accepted Answer · 2015-03-10 12:56:37Z

5

Try this

$(this).css("opacity", "0.5");

or

$(e.currentTarget).css("opacity", "0.5");

because e is object not element

answered Mar 10, 2015 at 12:56

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Modify Elements from JQuery Click Event

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related