jquery获取table下的tr下的td

jquery获取table下的tr下的td示例代码如下：

<style type="text/css">
table {
    width: 200px;
    height: 150px;
    border-collapse:collapse;
    border-spacing:0;
}
td{
    border:1px solid #4c9fff;
}
</style>
<div>
    <table>
        <tr>
            <th>姓名</th>
            <th>国籍</th>
        </tr>
        <tr>
            <td>x</td>
            <td>China</td>
        </tr>
        <tr>
            <td>x</td>
            <td>China</td>
        </tr>
        <tr>
            <td>x</td>
            <td>China</td>
        </tr>
    </table>
</div>
<input type="button" onclick="findtd()" value="寻找td">
<script type="text/javascript">
function findtd(){
    $('table').find('tr').find('td').css("background-color","red");
}
</script>

效果如图：

jquery获取table下的tr下的td前:

jquery获取table下的tr下的td后