按jquery对表行进行排序

Question

我正在尝试按字母顺序排序表格。与此示例类似http://jsfiddle.net/q7VL3但不使用插件。

例如这个表：

<table>
<thead>
    <tr>
        <th>Destination</th>
        <th>Price</th>
    </tr>
</thead>
<tbody>
    <tr class='country-name'>
        <td>Gernamy</td>
    </tr>
    <tr class='destination-name'>
        <td>
            <div>
                <table>
                    <tr>
                        <td>Hamburg</td>
                    </tr>
                    <tr>
                        <td>Berlin</td>
                    </tr>                           
            </div>
        </td>

    </tr>

    <tr class='country-name'>
        <td>Italy</td>
    </tr>
    <tr class='destination-name'>
        <td>
            <div>
                <table>
                    <tr>
                        <td>Rome</td>
                    </tr>
                    <tr>
                        <td>Sicily</td>
                    </tr>                           
            </div>
        </td>           
    </tr>
</tbody>

我可以使用以下代码对国家/地区名称进行排序，我遇到的问题是如何使用嵌套表对其进行排序：

        function sortCountriesByName(a, b) {
        if ($(a).find('td:first-Child').text() > $(b).find('td:first-Child').text()) {
            return 1;
        }

        if ($(a).find('td:first-Child').text() < $(b).find('td:first-Child').text()) {
            return -1;
        }

        return 0;
    }