jquery - 如何使用Jquery选择数据表中的一列

Question

我发现一个解决方案是浏览表中的每一行。但是有更好的解决方案吗？

$(document).ready(function() {
    $('table tr').each(function(){
        $(this).find('td').eq(2).css('background-color', 'green');
    });
});

Answer 1

您不需要使用each() 方法。只需使用jquery 选择器

$('tr td:first-child').css('background','#07C');

或第n列

$('tr td:nth-child(2)').css('background','#07C');

$(function() {
    $('tr td:nth-child(2)').css('background','#5ae');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr>
    <td>first Column</td>
    <td>second Column</td>
    <td>third Column</td>
  </tr>
  <tr>
    <td>first Column</td>
    <td>second Column</td>
    <td>third Column</td>
  </tr>
  <tr>
    <td>first Column</td>
    <td>second Column</td>
    <td>third Column</td>
  </tr>
</table>