Question

我正在使用这个CSS。但是因为IE7和IE8不支持nth child所以我想用jQuery来做它所以它适用于所有浏览器

#localFileCopyingDiv, #supplementaryMaterialsDiv, #assetsDiv, table tr td:nth-child(1  /*this is the column number*/){
    text-align: center;
    width:30px
}

#localFileCopyingDiv, #supplementaryMaterialsDiv, #assetsDiv, table tr td:nth-child(2 /*this is the column number*/){ 
    width:250px
}

#localFileCopyingDiv, #supplementaryMaterialsDiv, #assetsDiv, table tr td:nth-child(3 /*this is the column number*/){ 
    width:250px
}

#localFileCopyingDiv, #supplementaryMaterialsDiv, #assetsDiv, table tr td:nth-child(4 /*this is the column number*/){ 
    width:60px
}

#localFileCopyingDiv #supplementaryMaterialsDiv, #assetsDiv  table tr td:nth-child(5 /*this is the column number*/){ 
    width:220px
}

#courseInfoDiv table tr td:nth-child(1 /*this is the column number*/){  
    width: 200px;
}

#courseInfoDiv table tr td:nth-child(2 /*this is the column number*/){  
    width: 600px;
}

如何将上述css转换为jQuery？

由于

修改的 --------------------------------------------

 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Status Report</title>

    <script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
        <script type="text/javascript" src="javascript/selectivizr-min.js"></script>
        <noscript><link rel="stylesheet" href="brands/default/en/css/exportComplete.css" /></noscript>
    <![endif]--> 
    <script type="text/javascript" src="javascript/jquery-migrate-1.2.1.js"></script>
    <link rel="stylesheet" type="text/css" href="brands/default/en/css/exportComplete.css" />
</head>

可以吗？

Answer 1

一种选择是使用诸如Selectivizr之类的插件来获取在旧版IE中运行的:nth-child选择器（在各种其他伪/属性选择器中）。

“Selectivizr是一个模拟CSS3伪类的JavaScript实用程序和Internet Explorer 6-8中的属性选择器。“

由于您已经在使用JavaScript库（jQuery），所以您需要做的就是在<script>中包含Selectivizr <head>并瞧。

Here's a tutorial您可以在其中查看其使用的简单示例，并解释它在封面下的实际工作方式。

如何将css解释为jQuery？

1 个答案: