[解決済み] jQueryを使用してテーブルのセルの値を取得する方法は？

質問

jQueryを使用して、各行のテーブルセルの値を取得する方法を考えています。

私のテーブルは次のようなものです。

<table id="mytable">
  <tr>
    <th>Customer Id</th>
    <th>Result</th>
  </tr>
  <tr>
    <td>123</td>
    <td></td>
  </tr>
  <tr>
    <td>456</td>
    <td></td>
  </tr>
  <tr>
    <td>789</td>
    <td></td>
  </tr>
</table>

基本的には、テーブルをループして、その中の Customer Id カラムを使用します。

以下のコードで、各行をループさせるために必要なことはわかりましたが、行の最初のセルの値を取得する方法がよくわかりません。

$('#mytable tr').each(function() {
    var cutomerId = 
}

解決方法は？

もし可能なら、顧客IDを含むTDにclass属性を使って書けるようにするといいかもしれませんね。

$('#mytable tr').each(function() {
    var customerId = $(this).find(".customerIDCell").html();    
 });

これは基本的に他の解決策と同じですが（コピーペーストしたためかもしれません）、列を移動してもコードの構造を変更する必要がない、あるいは顧客IDを <span> クラス属性はそのままにしておきます。

ちなみに、1つのセレクタでできるような気がします。

$('#mytable .customerIDCell').each(function() {
  alert($(this).html());
});

それで楽になるなら。