javascript - 定位最后一个父表行 (tr)，而不是子表行 (tr)

Question

我正在尝试定位其中包含子表行元素的表中的最后一个父表行。我已尝试使用下面的 jQuery 来定位 :last 伪值，但是，如预期的那样，它的目标是目标父表中的绝对最后一个表行元素。

$('table[id*="dgRegistrantList"]').find('tr:last').addClass('EventRegLastAttendee')

我已经将 jsFiddle 与我尝试使用 jQuery 定位的 HTML block 放在一起，希望它有帮助! http://jsfiddle.net/jodriscoll/LZA7e/

绿色表行是我想要定位的行，但是，以红色突出显示的行显然是接受类(class)的行。

该系统可以根据用户在此“步骤”之前的选择生成表格行的变体。有关我正在使用的内容的完整示例，请访问:http://secure.massgeneral.org/event-form (我正在执行第 2 步)。

请注意，我正在使用的 HTML 是由 CMS 软件生成的，我作为客户无权更改该软件。这就是这个 jQuery 练习的目的。

Answer 1

如果都是父<tr>元素具有类 BBListOddRowStyle或BBListEvenRowStyle你可以这样做:

$('table[id*="dgRegistrantList"]').find('tr[class*=RowStyle]:last')
    .addClass('EventRegLastAttendee')

<强> DEMO

如果没有，您可以使用.children()两次以确保您的目标正确:

$('table[id*="dgRegistrantList"]').children('tbody')
    .children('tr:last').addClass('EventRegLastAttendee')

<强> DEMO