如何获取表的所有 tr 元素并使用 jquery 过滤它们?

发布于 2024-11-17 06:52:14 字数 339 浏览 4 评论 0原文

我试图获取表中的所有表行,然后根据它们是否有一个名为“hideGroup”的类来过滤它们。到目前为止,这是我的代码,但它只是不断输出数字。获取表中的所有表行然后检查它们是否有一个名为“hideGroup”的组的正确方法是什么?

 var newRows = $("#search-results-table").find("tr");

        var filteredRows = newRows.filter(function(n) {
            if (n.className != "hideGroup")
                return n;
        });

I'm trying to grab all table rows in a table then filter them out by if they have a class on them titled "hideGroup." This is my code so far but it just keeps outputting numbers. What would be the proper way to grab all the table rows in a table and then check to see if they have a group called "hideGroup?"

 var newRows = $("#search-results-table").find("tr");

        var filteredRows = newRows.filter(function(n) {
            if (n.className != "hideGroup")
                return n;
        });

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

扫码二维码加入Web技术交流群

发布评论

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

评论(6

仅冇旳回忆 2024-11-24 06:52:14

你的问题不太清楚。

如果您想选择具有该类的所有行,请使用 :not()

$('#search-results-table tr:not(.hideGroup)')

如果您只想过滤具有该类的行,请使用:

$('#search-results-table tr.hideGroup');

Your question is not that clear.

Use :not() if you like to select all rows that do not have the class

$('#search-results-table tr:not(.hideGroup)')

If you like to only filter the ones with that class use:

$('#search-results-table tr.hideGroup');
长不大的小祸害 2024-11-24 06:52:14

$('#search-results-table tr.hideGroup') 将返回完整的集合。

编辑:

如果您确实想要没有hideGroup的行,尽管明确表示检查它们是否有一个名为“hideGroup?”的组?,这是执行此操作的选择器:

$('#search-results-table tr').not('.hideGroup')

$('#search-results-table tr.hideGroup') would return the full set.

Edit:

If it's true that you want rows without the class hideGroup, despite explicitly saying check to see if they have a group called "hideGroup?", here's the selector to do that:

$('#search-results-table tr').not('.hideGroup')

雨后咖啡店 2024-11-24 06:52:14

要返回具有“hideGroup”类的所有表行的集合,请使用:

$('#search-results-table tr.hideGroup')

要过滤具有“hideGroup”类的类,请使用:

$('#search-results-table tr:not(.hideGroup)')

To return a collection all of the table rows with "hideGroup" class use:

$('#search-results-table tr.hideGroup')

to filter the classes that do not have the "hideGroup" class use:

$('#search-results-table tr:not(.hideGroup)')
你的背包 2024-11-24 06:52:14
$('#search-results-table tr:not(.hideGroup)')

这将返回所有没有 hideGroup 类的表行

$('#search-results-table tr:not(.hideGroup)')

That will return all table rows that do not have the hideGroup class

它返回数字的原因是因为 n 是索引(数字),而不是元素。因此,n.className 将始终为未定义,这将使该函数内的逻辑始终返回n

您想要使用的是使用

$('#search-results-table tr.hideGroup')

或选择结果

$('#search-results-table tr:not(.hideGroup)')

The reason it's returning numbers is because n is an index (number), not an element. so n.className will always be undefined which will make your logic inside that function always return n.

What you want to use is either select the results by using

$('#search-results-table tr.hideGroup')

or

$('#search-results-table tr:not(.hideGroup)')
木有鱼丸 2024-11-24 06:52:14

当使用 jQuery.filter() 函数时,第一个参数是索引,而不是元素。您可以通过使用 this 来解决此问题:

var newRows = $("#search-results-table").find("tr");

var filteredRows = newRows.filter(function(n) {
  return !$(this).hasClass('hideGroup');
});

但是,请查看其他一些答案。他们提供了一个更短的解决方案。

When using a function with jQuery.filter(), the first parameter is the index, not the element. You can fix this by using this instead:

var newRows = $("#search-results-table").find("tr");

var filteredRows = newRows.filter(function(n) {
  return !$(this).hasClass('hideGroup');
});

However, take a look at some of the other answers. They provide a much shorter solution.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文