10 October 2016

JQuery Lấy giá trị của một hàng trong Table

JQuery
JavaScript 2016
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(function () {
        $('#table a').click(function (e) {
            e.preventDefault();
            $('#result').val($(this).closest('tr').find('td:first').text()); //Lấy value cột thứ nhất
            //$('#result2').val($(this).closest('tr').find('td:nth-child(2)').text()); //Hoặc lấy giá trị cột thứ 2
        });
    });
</script>
<table border="1" id="table">
  <tr>
    <th>Id</th>
    <th>action</th>
  </tr>
  <tr>
    <td>123</td>
    <td><a href="#">select</a></td>
  </tr>
  <tr>
    <td>456</td>
    <td><a href="#">select</a></td>
  </tr>
  <tr>
    <td>789</td>
    <td><a href="#">select</a></td>
  </tr>
</table>
result = <input id="result" type="text">

0 nhận xét:

Post a Comment

 

BACK TO TOP

Xuống cuối trang