javascript - 子の html を変更する

Question

Excelレポートを作成するためのhtmlドキュメントがあります。jsfiddle のサンプル html へのリンクを次に示します。

http://jsfiddle.net/UrM7k/

HTML コンテンツを編集して、期間ごとに 2 行ではなく、
「 - 」で区切られた 1 行になるようにしたいと考えています。ここに私が試したいくつかのコードがあります:

var fromTime = $(div).find("td.date_range");
    //replace new line between dates with "-" sepeartor
    var replaced = fromTime.html().replace(/<br\s?\/?>/, " - ");
    //fromTime.html(replaced);

余分な行は削除
されますが、すべての期間が最初と同じになるように変更されます。

どんな助けにも感謝します。ありがとう、オマー