javascript - strip 化表 : bug with tr:nth-child td in Chrome/Safari

Question

我正在尝试根据行在表格中的位置和值使用 JavaScript 对行中的表格单元格进行 strip 化，所以我想使用 tr:nth-child(i) td 来仅抓取单元格(忽略 th)...

这是一个显示问题(错误？)的 fiddle ，我发现:http://jsfiddle.net/redroot/pBe94/ .正如您可能看到的那样，我正在对表格正文前四行中的 td 元素进行 strip 化处理。在 Chrome 和 Safari 中，在第二行和第三行中只找到第一个单元格，而如果我先找到该行，然后使用 find("td") 它工作正常，如第 4 行所示行。

起初我以为这是我的标记，但看起来不错，而且在 Firefox 中也能正常工作。所以我有点难过，任何帮助将不胜感激!

(在我的测试中，document.querySelectorAll 发生了一些事情，仅在 Chrome 和 Safari 中。)

Answer 1

是的，似乎确实存在一些 WebKit 错误。我以前也经历过这个here , 但该错误显然尚未修复。

要做的一件事是强制 Sizzle 代替 native WebKit 引擎进行选择:

$.expr[":"].dummy = function() {
    return true;
};

然后你可以使用:

$("#rows tbody tr:nth-child(1) td:dummy").css("background-color","#e0e0e0");

由于 :dummy 本身不可用，jQuery 将使用 Sizzle(它的自定义选择库)。不过，采用这种非本地方式会降低性能(一如既往)。

http://jsfiddle.net/pBe94/2/