jQuery 最后一个子元素在 IE8 中抛出异常

Question

我有一个包含 3 列的表。第三列仅包含用于对行进行排序的标签。在 $(document).ready 上，我使用 jQuery 隐藏第三列（仅包含标签），并使用

$(document).ready(function() {
$("#songListTable tr td:nth-child(3)").hide().width(0); 
$("#songListTable tr td:nth-child(1)").addClass("songTitle");
$("#songListTable tr td:nth-child(2)").addClass("songPerformer");
});

This Works on all browsers 将样式类添加到其他列。我添加了 .width(0) 以确保隐藏列确实如此不占用布局中的任何空间。

然后，我使用表单选择将值：

<form id="songSortForm" name="songSortForm" method="post" action="">
<select name="songSortSelect" id="songSortSelect" onChange=sortSongs(this.value)>

发送到脚本以循环浏览列中的所有行，检查该行中的第三个 td 是否包含该值，并根据结果显示或隐藏整行。

function sortSongs (tagQuery) {
$("#songListTable tr").each(function() {
    $thisText= $(this).find("td:last-Child").html();
    $(this).show();

    if ($thisText.indexOf(tagQuery)>-1) {
    $(this).show();
    }
else {
    $(this).hide();
    } 
})
};

除了 IE 之外，这在所有浏览器中都可以正常工作。 IE 开发人员工具显示抛出异常，但 jQuery1.6.2 脚本未捕获该异常（第 17 行，字符 12370）。然而，当我单步执行脚本时，每次我在排序脚本中使用“td:last-Child”时，似乎都会抛出错误。脚本中断。 last-Child 在 (document).ready 脚本中没有抛出错误，所以这可能是我自己的代码中的错误，但我已经寻找了 2 天才能在网上找到答案。

表中附加到 anthying 的唯一样式是字体系列、颜色、宽度、边距和文本对齐。

任何帮助将不胜感激！

您可以在以下位置查看测试页面：http://donbryn.ipage.com/media.php （点击“歌曲列表”）。

Answer 1

我认为这是因为 IE8 不支持 :last-child 选择器，而只支持 :first-child