0

私はこの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>

大丈夫ですか？

4

1 に答える 1

2

1 つのオプションは、 Selectivizrなどのプラグインを使用して:nth-child、古いバージョンの IE で機能するセレクター (他のさまざまな擬似/属性セレクターの中で)を取得することです。

「Selectivizr は、Internet Explorer 6 ～ 8 で CSS3 疑似クラスと属性セレクターをエミュレートする JavaScript ユーティリティです。」

既に JavaScript ライブラリ (jQuery) を使用しているので、あとは Selectivizr<script>を含めるだけです<head>。

これは、その使用の簡単な例を見ることができるチュートリアルと、実際にどのように動作するかの説明です。

于 2013-06-12T08:30:45.880 に答える