首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >针对最后一个父表行(tr),而不是子表行(tr)。

针对最后一个父表行(tr),而不是子表行(tr)。
EN

Stack Overflow用户
提问于 2013-05-29 16:37:37
回答 5查看 2K关注 0票数 2

我正试图将目标对准在表中包含子表行元素的表中的最后一个父表行。我已经尝试了下面的jQuery来瞄准目标父表中的绝对的最后一个表行元素,但是,和预期的一样,它的目标是: element。

代码语言:javascript
运行
复制
$('table[id*="dgRegistrantList"]').find('tr:last').addClass('EventRegLastAttendee')

我已经将一个jsFiddle与我试图用jQuery瞄准的HTML块结合在一起,希望这会有所帮助!http://jsfiddle.net/jodriscoll/LZA7e/

绿表-行是我想要针对的,然而,红色突出显示的是明显的接收类。

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

请注意,我正在工作的HTML是由一个CMS软件产生的,作为客户,我没有权利进行更改。因此,本jQuery练习的目的是.

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-05-29 16:48:15

如果所有父<tr>元素都有BBListOddRowStyleBBListEvenRowStyle类,则可以这样做:

代码语言:javascript
运行
复制
$('table[id*="dgRegistrantList"]').find('tr[class*=RowStyle]:last')
    .addClass('EventRegLastAttendee')

演示

如果不是,您可以使用.children()两次来确保您的目标是正确的:

代码语言:javascript
运行
复制
$('table[id*="dgRegistrantList"]').children('tbody')
    .children('tr:last').addClass('EventRegLastAttendee')

演示

票数 3
EN

Stack Overflow用户

发布于 2013-05-29 16:46:28

使用此代码可针对最后一行:

代码语言:javascript
运行
复制
$('table[id*="dgRegistrantList"]').find('tr[class^=BBList][class$=RowStyle]:last').addClass('EventRegLastAttendee')

解释

代码语言:javascript
运行
复制
tr //it will look for tr
[class^=BBList] //which class starts with BBList
[class$=RowStyle] //and ends with RowStyle (so we're leaving Odd and Even inside and not recognized)
:last //the last of those element, if you remove it you select all of them
票数 1
EN

Stack Overflow用户

发布于 2013-05-29 16:48:37

.children()是你想要做的吗?

代码语言:javascript
运行
复制
$('table[id*="dgRegistrantList"]').children('tr:last').addClass('EventRegLastAttendee');

.children()只下降一个dom级别,而.find()将尽可能地下降。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16819480

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档