Coffeescript and jQuery not returning the proper this with click event

Question

I'm trying to write some coffeescript to give me back the link that I clicked and I'm having trouble.

The issue is that the element I'm getting back is the selector that starts this chain but that's not what I'm looking for.

$(document).ready ->
  $("#js-exercises-links").bind "cocoon:after-insert", (e, inserted_item) ->
    $("#js-exercise-links a.add_fields").data("association-insertion-node", '#js-outline-fields')
    $("select").chosen()

    $(".js-show-set-duration").click (e)=>
      e.preventDefault()
      console.info this

In this example, when I look at my console I get back <div id='js-exercises-links'> what I really want is the current element I clicked on which would be an instance of <div class='js-show-set-duration'>

What am I doing wrong? How do I get $(this) to reference the element clicked on?

Trent Earl · Accepted Answer · 2012-12-01 03:20:12Z

6

I believe you want the skinny arrow and not the fat arrow, its hard for me to test this without the html though.

$(document).ready ->
  $("#js-exercises-links").bind "cocoon:after-insert", (e, inserted_item) ->
    $("#js-exercise-links a.add_fields").data("association-insertion-node", '#js-outline-fields')
    $("select").chosen()

    $(".js-show-set-duration").click (e)->
      e.preventDefault()
      console.info this

answered Dec 1, 2012 at 3:20

Trent Earl

3,6671 gold badge18 silver badges20 bronze badges

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

5 Comments

mu is too short Over a year ago

Or you could dig it out of e.

Daniel Fischer Over a year ago

When I do that I get the html elements back in the console but not the actual element in the dom. I want the element so I can run more jquery methods on it.

Trent Earl Over a year ago

Dig it out of e with e.target. What do you the actual element?

Daniel Fischer Over a year ago

I'm not able to run any jQuery methods on e.target or this with the -> e.g, $(this).css 'background-color', 'red' doesn't work, nor does $(e.target).css 'background-color', 'red'. It's not modifying that specific element. What I want to do is do $(this).parent but then that returns a jQuery function instead of the neighboring element...

Daniel Fischer Over a year ago

I figured it out. Chrome decided to update the way that it renders logged objects in the console... had to do object[0] to get the old return syntax back. (So hover highlights the object on the page).

Collectives™ on Stack Overflow

Coffeescript and jQuery not returning the proper this with click event

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related