javascript - 重写这个 jQuery 查找选择器？

Question

我在 IE 中遇到性能问题并使用浏览器分析器，我将其范围缩小到:

$tbody.find('> tr:not(.t-grouping-row,.t-detail-row)')

这到底意味着什么，以及如何重写它以使其在 IE 中表现更好(如果有意义的话，也许是纯 Javascript)有什么想法吗？

Answer 1

好吧，让我们一起逐步看看这意味着什么:

$tbody.find('> tr:not(.t-grouping-row,.t-detail-row)')

$tbody 是一个变量。它可能在那之前就被定义了。我猜从它的名字来看，它的意思是“表格的 tbody 标签”。

> 表示“所有 child ”。

tr:not(.t-grouping-row,.t-detail-row)' 表示“所有不具有类“t-grouping-row”和“的 tr t-详细信息行”。

因此，您的选择器是“查找此 tbody 中不具有类“t-grouping-row”和“t-detail-row”的所有 TR。

更好的选择器如下:

$('tr:not(.t-grouping-row, .t-detail-row)', $tbody)

但这只会好一点，但仍然很糟糕。您应该检查您的 HTML，看看您想要什么，并使用更简单的选择器，例如 $('.class', $tbody)。