javascript - 表の段落から行を抽出する

Question

まず、フィドル。

これは私のプロジェクトの一部であり、コンテンツが HTML では多すぎるため、構造のみを示します。

<div class="line">
<table>
    <tbody>
        <tr>
            <td>
                <font face="Arial">
                    <p>
                        <!--content-->
                        <br>
                        <!--content-->
                        <br>
                        <!--content-->
                        <br>
                        <!--content-->
                    </p>
                </font> 
            </td>
        </tr>
    </tbody>
</table>
</div>

この部分は私が扱うべき内容です。私がすべきことは、このテーブルを に従って複数のテーブルに分割し<br>、元のスタイルを維持することです。つまり、各段落は独立した表で独立している必要があります。

以下のコードは、最初にコンテンツを で分割したものに対する私の以前の解決策を示しています<p>。だから、あなたは私の意図をすでに知っているはずです。

function split_func($div) {
    var $rows = $div.find("table tr td p");  // fail to detect tr in this demo
    n = $rows.length;  
    $rows.each(function(i) {            
        var $clone = $div.clone(true, true).insertAfter($div);
        $clone.find("table tr td p").each(function(j) {
            if(i !== (n-j-1)) $(this).remove();
        });
    });
    $div.remove(); 
}

コメントのある行は、抽出関数を整理する場所です。この問題を解決する方法を教えてください。ありがとう！