JS单击table的tr取值问题

jspjqueryhtmljs

在第2个table的tr上加onclick事件获取table中<td><s:property value="id"></td>的值。建议用jquery，选择器文档很全
<!DOCTYPE html>
<html>

    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
        </script>
        <script>
            $(document).ready(function() {
                $('.DEF tr').click(function() {
                    alert($(this).find("td :eq(1)").html().trim());
                });
            });
        </script>
    </head>

    <body>
        <table class="ABC">
            <tr>
                <td>
                    5
                </td>
                <td>
                    7
                </td>
            </tr>
            <tr>
                <td>
                    51
                </td>
                <td>
                    72
                </td>
            </tr>
        </table>
        <hr>
        <table class="DEF">
            <tr class="trDEF">
                <td>
                    1
                </td>
                <td>
                    11
                </td>
            </tr>
            <tr class="trDEF">
                <td>
                    2
                </td>
                <td>
                    22
                </td>
            </tr>
        </table>
    </body></html>