从具有特定数量 td 的表中选择所有 tr

发布于 2024-12-03 06:30:59 字数 447 浏览 1 评论 0原文

我有一个表，

<table>
 <tr>
  <td colspan="3"></td>
 </tr>
 <tr> //select this
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr> //select this
   <td></td>
   <td></td>
   <td></td>
 </tr>
</table>

所以对于上面的表，我想选择包含 3 个 td 的所有 trs，

我怎样才能用 jquery 做到这一点？

基本上我需要获取此类行的计数。

原文

I have table

<table>
 <tr>
  <td colspan="3"></td>
 </tr>
 <tr> //select this
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr> //select this
   <td></td>
   <td></td>
   <td></td>
 </tr>
</table>

so for the above table i want to select all trs which contains 3 tds

how could i do that with jquery?

basically i would need to get the count of such rows.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

素罗衫 2024-12-10 06:30:59

您可以使用 .filter() ^[docs]：

$('table tr').filter(function(){
    return $(this).children('td').length === 3;
});

注意： @mu的答案是更简洁，并且在现代浏览器中表现更好。我仍然会留下这个答案作为 .filter() 的一般演示。

You can use .filter() ^[docs]:

$('table tr').filter(function(){
    return $(this).children('td').length === 3;
});

Notice: @mu's answer is more concise and will perform better in modern browsers. I will still leave this answer as a general demonstration for .filter().

回复收藏 0 原文

缺⑴份安定 2024-12-10 06:30:59

您可以选择每个中的第三个并向上跳转一个级别以获取父级：

$('tr td:nth-child(3)').parent();

使用 :nth-child 在这种情况下是安全的，因为您的应该只包含子级。

例如：

h = $('<table><tr colspan="3"><td></td></tr><tr id="x"><td><span>x</span></td><td></td><td></td></tr><tr id="y"><td></td><td></td><td></td></tr></table>');
trs = h.find('tr td:nth-child(3)').parent();
// trs[0] is <tr id="x">
// trs[1] is <tr id="y">

Felix Kling 提供的演示（现在 jsfiddle.net 已恢复运行）： http://jsfiddle.net /6kMTE

You could select the third <td> in each <tr> and the jump up a level to get the parent:

$('tr td:nth-child(3)').parent();

Using :nth-child in this case is safe because your <tr>s should only have <td> children.

For example:

h = $('<table><tr colspan="3"><td></td></tr><tr id="x"><td><span>x</span></td><td></td><td></td></tr><tr id="y"><td></td><td></td><td></td></tr></table>');
trs = h.find('tr td:nth-child(3)').parent();
// trs[0] is <tr id="x">
// trs[1] is <tr id="y">

And a demo provided by Felix Kling (now that jsfiddle.net is back in action): http://jsfiddle.net/6kMTE

回复收藏 0 原文