jQuery для получения события Click в строке таблицы

Question

У меня есть следующая таблица

<table>
<tr class="rows"><td>cell1</td><td>cell2</td></tr>
</table>

Как настроить оповещение, если я нажал на any of the column of <tr class="rows"> с помощью jquery?

Answer 1

Вы можете использовать делегат для повышения производительности, который прикрепит событие click к корневому контейнеру строк, т.е. к таблице

$(document).ready(function(){
    $("tableSelector").delegate("tr.rows", "click", function(){
        alert("Click!");
    });
});

Answer 2

$(
  function(){
      $(".rows").click(
        function(e){
            alert("Clicked on row");
            alert(e.target.innerHTML);
        }
      )
  }
)

Пример

Лучшее решение

$(document).on("click","tr.rows td", function(e){
    alert(e.target.innerHTML);
});

Answer 3

$(document).ready(function(){
    $("tr.rows").click(function(){
        alert("Click!");
    });
});

Answer 4

$(".rows").click(function (){ 
   alert('click');
});