jquery - 斑马线剥离在 IE8 中不起作用

标签 jquery css internet-explorer-8 zebra-striping

我编写了以下 jquery 将斑马条纹应用于表中的特定行。这在 Chrome 和 Firefox 中工作正常,但在 IE8 中不起作用。

<script>
$(document).ready(function()
{
$("tr.alt:even").css("background-color", "#f0f8ff");
$("tr.alt:odd").css("background-color", "#fcfceb");
});
</script>

这是 HTML

<tr class="alt">
    <td class="status"></td>
    <td class>Received</td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td class>Received</td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td class>Received</td>
</tr>
<tr class="alt">
    <td class="status></td>
    <td class>Received</td>
</tr>
<tr class="alt">
    <td class="status></td>
    <td class>Received</td>
</tr>

最佳答案

(在 IE 7,8 中测试...) 修复您的标记,它将完美运行:class="status <- 失踪 "
<td class> = 无效属性

<table>
<tr class="alt">
    <td class="status"></td>
    <td>Received</td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td>Received</td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td>Received</td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td>Received</td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td>Received</td>
</tr>
</table>

或者应该是:

<table>
<tr class="alt">
    <td class="status"></td>
    <td class="Received"></td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td class="Received"></td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td class="Received"></td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td class="Received"></td>
</tr>
<tr class="alt">
    <td class="status"></td>
    <td class="Received"></td>
</tr>
</table>

我不知道,两者都有效,选择你的选择

关于jquery - 斑马线剥离在 IE8 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13557258/

相关文章:

javascript - 混合 Typeahead.js 和 Bootstrap 3

jquery - 使用 Fancybox 将缩略图放在底部

php - 用户输入未显示在搜索表单中

css - 在 IE8 中,通过 `clip: auto` 重置剪辑会切断位于元素外部的子元素

javascript - 网页设计 : how does one translate margin or border values like "medium", "thin"等转化为数字?

javascript - jQuery 的 getScript 和本地文件系统——限制/替代方案?

javascript - 尝试使用javascript下载所有谷歌搜索图像

javascript - PHP 中的 jQuery/JavaScript 输出

TH 标签中工具提示的 CSS 样式

dojo - 找出 Dojo 的版本