Question

即时捕获以获取任何单击的td的值，并使用jquery或javascript在alert（）窗口中显示此值。我是托管在互联网上的代码和谷歌搜索＃34;但任何人都可以这样做，但无论如何我会发布在这里......

＆＃13;

$("table tbody").click(function() {
  alert($(this).find('td.value').text());
});

$(document).ready(function() {
  $('table tbody').find('tr').click(function() {
    alert("row find");
    alert('You clicked row ' + ($(this).index() + 1));
  });
});

$(document).ready(function() {
  $('table tbody').click(function() {
    var i = $(this).index();
    alert('Has clickado sobre el elemento número: ' + i);
  });
});

$("table tbody").live('click', function() {
  if $(this).index() === 1) {
  alert('The third row was clicked'); // Yes the third as it's zero base index
}
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
  <thead>
    <tr>
      <td>id</td>
      <td>Nombre</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>miguel</td>
    </tr>
  </tbody>
</table>

＆＃13;

Answer 1

您需要包含jQuery库才能开始使用它。然后只需将点击事件绑定到td，您就会看到弹出alert。

<head>
   <title></title>
</head>
<body>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js" type="text/javascript">

// Your code comes here

下次如果某些东西不起作用，你应该首先打开控制台并检查是否有任何错误并对其采取行动。

使用console.log代替alert应该是方法，因为alert完全阻止了UI线程。

$("td").click(function() {
  alert($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table border="1">
  <thead>
    <tr>
      <td>id</td>
      <td>Nombre</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>miguel</td>
    </tr>
  </tbody>
</table>

Answer 2

为什么不直接将click事件附加到td？您还需要确保包括jQuery ...

＆＃13;

$( "td" ).click(function() {
    alert($(this).text());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body>
    <table border="1">
        <thead>
            <tr>
                <td>id</td>
                <td>Nombre</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>miguel</td>
            </tr>
        </tbody>
    </table>
</body>

＆＃13;

获取任何单击的td jquery的值

2 个答案: