用于获取表行上的Click事件的jQuery

jQuery for getting Click event on a Table row

本文关键字：Click jQuery 事件 获取 用于      更新时间：2023-09-26

我有以下表格

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

我如何设置一个警报消息，如果我点击了any of the column of <tr class="rows">使用jquery?

您可以使用委托来获得更好的性能，它将点击事件附加到行根容器，即表

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

$(
  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);
});


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

$(".rows").click(function (){ 
   alert('click');
});
相关文章：