Question

如何在鼠标点击事件中捕获jquery中的td值？我用纯粹的js做过这些事情，但它很冗长。 jquery可以轻松解决吗？我想在表单文本字段中添加这些catch值。

Answer 1

$("#theTable").click(function(e) {
    var data = $(e.target).closest("td").text();
});

Answer 2

<script type="text/javascript">
$(document).ready(function(){
      $("#myTable td").click(function(){
            alert($(this).html());
          })
    })
</script>


<table id="myTable" border="1" >
    <tr>
     <td>value 1</td>
     <td>value 2</td>
     <td>value 3</td>
    </tr>
</table>

Answer 3

您可以使用.delegate()。容器元素（表）上的一个处理程序管理所有包含元素的事件（根据您的偏好进行过滤，例如“td”）：

$('#thetable').delegate('td','click', function(){
  alert('Value is ' + $(this).text() );
});

如何捕获表数据的td值？

3 个答案: