jquery class追加の件


jqueryの質問です。  
下記のhtmlを`<br>`が付く時だけclassを自動で追加したいのですがどうすれば良いでしょうか？  
追加したいclassは、3つです。

[code]

    <ul id="menu">
    <li><a href="menu01">りんご<br>アップルパイ</a></li>
    <li><a href="menu02">ぶどう</a></li>
    <li><a href="menu03">いちご<br>いちごショート</a></li>
    <li><a href="menu04">パイナップル</a></li>
    <li><a href="menu05">みかん</a></li>
    </ul>
    
[/code]

jqueryで下のように変更したい

[code]

    <ul id="menu">
    <li class="aaa"><a href="menu01"><span class="bbb">りんご</span><br><span class="ccc">アップルパイ</span></a></li>
    <li><a href="menu02">ぶどう</a></li>
    <li class="aaa"><a href="menu03"><span class="bbb">いちご</span><br><span class="ccc">いちごショート</span></a></li>
    <li><a href="menu04">パイナップル</a></li>
    <li><a href="menu05">みかん</a></li>
    </ul>
    
[/code]

どうかご教授ください。よろしくお願いします。




対象のHTMLを文字列として直接参照して、分析、HTMLを再構築するパターンです。

[code]

    $(function()
    {
        var reg = new RegExp("^(.*)<[bB][rR]>(.*)$");
    
        $("#menu>li").each(function(i, e)
        {
            var htmlStr = $(e).children("a").html();
    
            var result = reg.exec(htmlStr);
    
            if(result === null)
            {
                return;
            }
    
            var newHtml = '<span class="bbb">' + result[1] + '</span><br><span class="ccc">' + result[2] + "</span>";
    
            $(e).children("a").html(newHtml);
            $(e).children("a").addClass("aaa");
        });
    });
    
[/code]

