Capture table elements with jquery

Question

How can I click elements of a table that is being dynamically filled with jQuery? I want when it clicked pain to be marked only 1 row of the table. I only managed to mark all.

Here when clicking on the table it shows a button and now I wanted to when to click on td it marks only the one that was clicked and not all

code:

$("#registros").click(function(){
  $("#excluir").toggle();
     $("tr").toggleClass("selected");
});

Answer 1

I made an example running here, see if it helps you:

$("table td").on('click', function(e){
  var linha = $(this).parent();
  if($(linha).hasClass("marcado"))
  {
    $(linha).removeClass("marcado");
    $(linha).css('background', "");
  }
  else
  {
    $(linha).addClass("marcado");
    $(linha).css('background', "gray");
  }
  e.preventDefault();
});

table td{
  border: solid 1px #000;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
  </tr>
  <tr>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
  </tr>  
  <tr>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
    <td>Coluna</td>
  </tr>  
</table>

Answer 2

You need to use the . on of jquery (http://api.jquery.com/on/), passing from an element that already exists in the DOM as a reference, for example:

$('#elemento').on('click', '<identificador do elemento dinamico que será clicado', function(){
  // executa função
  });

<div id="elemento">
<!-- aqui vai ser inserido o conteudo dinamico -->
</div>