0

私の質問に似ているのはこれ とこれです

ただし、まだ解決策をソートしていません..データベースへのクエリを実行した後に各要素が追加さ<body>れる順序付けられていないリストがあります..結果によると、対応するタグが作成されています..<ul><li>

問題は、いくつかのCSSを<li>「奇数」と「偶数」に分けて、いくつかの異なるスタイルを適用できるようにすることですが、「奇数」と「偶数」属性が属性として渡されたことを確認しました(クラス名) )<li>対応する css ルールを維持するため、適用しないでください

これが私のコードの一部です..最初のhtml部分

<div id="sqldiv">
   <ul class="test" id="attempt">
    </ul>
</div>

そしてJavaScript部分..

        for (var i=0; i<len; i++){
        var somevariable =  results.rows.item(i).dbvariable;
                if (i%2==0)
                lt='Even';
                else
                lt='Odd';
                var newLI = document.createElement("LI"); 
                newLI.className = lt;
                var htmlcontainer = ("<div>my text :" + my variables + "</div><div>my text :</div><div>" my variables + "</div>");
                newLI.innerHTML = htmlcontainer ;
                var gl = document.getElementById("attempt"); 
                gl.appendChild(newLI);
            }

そしてCSS

li {
background: #8258FA;
list-style-type:none;
list-style-image:none;
margin: 5px 5px;
border-radius: 15px;
}
li.odd  {
border-bottom :1px dotted #ccc;
list-style-type:none;
list-style-image:none;
margin: 5px 5px;
background: #000000;
}

li スタイルは適用されますが、クラス別のスタイル (li.odd) は適用されません。

4

1 に答える 1

0

過去24時間を検索に費やした後..私は頭に浮かばなかったsthを試しました..!!!!

javascriptではクラスEvenとOddに名前を付けています..そしてcssには.evenと.oddルールがあります..そしてこれは別のプロジェクトでうまくいきました..!!!

しかし、何らかの理由で、この場合、「大文字と小文字を区別する」問題があるように見えました.. css ルールを .Even と .Odd に変更したので、それらは正常に適用されました..

これに到達する前に、jqueryを使用して動的cssルールを割り当てようとしました..いくつかの試行の後、大文字と小文字を区別することになりました..

于 2012-10-10T15:37:44.750 に答える