jqueryで<td>～</td>の値を取得したい


下記のようなtableがあります。

[code]

    <table>
        <tr><td>a</td><td><a href="#" onclick="onClick();">link</a></td></tr>
        <tr><td>b</td><td><a href="#" onclick="onClick();">link</a></td></tr>
        <tr><td>c</td><td><a href="#" onclick="onClick();">link</a></td></tr>
    </table>
    
    <script>
        function onClick(){
            // tdの値を取得したい
        }
    </script>
    
[/code]

一番上のリンクがクリックされたらaを、2番目だったらbを取得したいです。  
$(this).parents.text()で取得しようとしたら何も取得できませんでした。  
どのように取得すればよいのでしょうか？  
よろしくお願いいたします。




以下はどうでしょうか。

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <table>
        <tr><td>a</td><td><a href="#" onclick="onClick(this);">link</a></td></tr>
        <tr><td>b</td><td><a href="#" onclick="onClick(this);">link</a></td></tr>
        <tr><td>c</td><td><a href="#" onclick="onClick(this);">link</a></td></tr>
    </table>
    
    <script>
        function onClick(link){
          // 冗長なので、closestを使用する
          // console.log($(link).parent().parent().find('td').first().text());
          console.log($(link).closest('tr').find('td').first().text());
        }
    </script>
[/code]




以下はどうでしょうか。

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <table>
        <tr><td>a</td><td><a href="#" onclick="onClick(this);">link</a></td></tr>
        <tr><td>b</td><td><a href="#" onclick="onClick(this);">link</a></td></tr>
        <tr><td>c</td><td><a href="#" onclick="onClick(this);">link</a></td></tr>
    </table>
    
    <script>
        function onClick(link){
          // 冗長なので、closestを使用する
          // console.log($(link).parent().parent().find('td').first().text());
          console.log($(link).closest('tr').find('td').first().text());
        }
    </script>
[/code]

