Target Last PARENT table-row

Ignore children and target the parent table-row elements.

HTML

<link rel="stylesheet" href="https://secure.massgeneral.org/stylesheet183.635054398845100000.css?id=183&amp;nodefaults=1&amp;iuqt=1">
<table cellspacing="0" id="dgRegistrantList">
    <tbody>
        <tr>
            <td class="EventItemRegistrantsHeader" style="">Presenting Sponsor</td>
        </tr>
        <tr class="BBListEvenRowStyle">
            <td style="">
                <table class="w100p">
                    <tbody>
                        <tr>
                            <td class="wsNowrap EventItemRegistrantControlCellName">test</td>
                        </tr>
                        <tr>
                            <td class="BBFieldCaption">test</td>
                        </tr>
                        <tr>
                            <td class="BBFieldCaption" style="">test</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td class="EventItemRegistrantsHeader" style="">Presenting Sponsor tab</td>
        </tr>
    </tbody>
</table>

CSS

tr.EventRegLastAttendee {
    background-color: pink;
}

JavaScript

$('#dgRegistrantList tr:last').after('<tr><td class="BBFieldCaption" style="">testssss</td></tr>')