javascript - get the value of any clicked td jquery

im traying to get the value of any clicked td and show this in a alert() window with jquery or javascript. I was trayin alote of code around the internet "googling" but anyone can do this but anyways i going to posted here...

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

<script src=".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>

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

<script src="https://ajax.googleapis./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>

Share Improve this question edited Nov 20, 2017 at 9:49 Rory McCrossan 338k41 gold badges320 silver badges351 bronze badges asked Jul 27, 2015 at 21:45 Arturo Andrés Órdenes Barraza 691 gold badge1 silver badge8 bronze badges

what version of jQuery are you using?.... live() has been deprecated for years now ... and is gone from current versions – charlietfl Commented Jul 27, 2015 at 21:58

Add a ment |

2 Answers 2

Sorted by: Reset to default 6

Why not attach the click event directly to the td? You also need to make sure you're including jQuery...

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

<script src="https://ajax.googleapis./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>

You need to include jQuery library to start working with it. Then just bind a click event to your td and you should see the alert pop up.

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

// Your code es here

Also next time if something does not work, the first thing that you are supposed to so id open the console and check if you see any errors and act upon them.

Using console.log instead of alert should be the way to go as alert blocks the UI thread pletely.

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

<script src="https://ajax.googleapis./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>

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - get the value of any clicked td jquery - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)