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 小时搜索之后..我尝试了一些我没想到的东西..!!!!

在 javascript 中，我命名为 Even 和 Odd 类。在 css 上，我有 .even 和 .odd 规则。这在另一个项目中效果很好。！！！

但是，由于某种原因，在这种情况下，似乎存在“区分大小写”的问题。由于我将 css 规则更改为 .Even 和 .Odd，因此它们已成功应用。

在达到此之前，我还尝试使用 jquery 分配动态 css 规则。经过一些尝试，我最终区分了大小写。

于 2012-10-10T15:37:44.750 回答