Question

I have a rails application that I am working on that exhibiting behavior I cant understand. I have an html file:

<h1>Hello World</h1>
  <table>
    <tr>
        <td>Hello</td>
    </tr>
    <tr>
        <td>Hello</td>
    </tr>
    <tr>
        <td>Hello</td>
    </tr>
    <tr>
        <td>Hello</td>
    </tr>
</table>

I then have a javascript(jquery really) file that I hit when someone clicks on a row in the table.

$(document).ready(function(){
  $("tr", "table").click(function(){
    console.log("TEST");
  });
});

Everytime I click on a row in the table, the function is called 2 times. I get ‘TEST’ in the console twice. I am new to jquery and rails, so I know that I am missing something simple. Someone please show me what I am doing wrong.

Answer 1

It’s counting the click for both the “tr” and the “table”

Try

$(document).ready(function(){
  $("tr").click(function(){
    console.log("TEST");
  });
});