2

私はこのCSSルールを持っています、

.messagesContent:nth-child(even){
    float: right;
    background: white;
}
.messagesContent:nth-child(odd){
    float: left;
    background: #ccc;
}

jquery を使用して、すべての要素の前に要素を追加します。

var c = $("#content_2").find(".mCSB_container li:first");
result = eval(result);
c.before(result.html);

dom に追加すると、要素の背景色が変更されます (偶数と奇数の変更)。どうすればこの変更を防ぐことができますか?

4

3 に答える 3

0

First, add the even/odd class to the items:

$(".messagesContent").each(function(i,obj) {
   $(obj).addClass( (i % 2 === 0 ? "even" : "odd"));
});

Then add your nodes after that point.

Also, change your CSS rules to ".even" and ".odd" instead of :nth-child()

于 2013-08-22T17:13:19.583 に答える
0

リストに要素を 1 つだけ追加すると、奇数/偶数のスタイルが切り替わります。それらを切り替えたくない場合は、新しい要素をリストの一番下に追加するか、偶数の新しい要素を追加する必要があります。

リストの上部または下部に追加する簡単な例を次に示します: http://jsfiddle.net/VHm7z/1リストの上部または下部に項目を追加できます。

list が UL 要素の jQuery オブジェクトであり、li が LI 要素の jQuery オブジェクトであるリストがあるとします。

list.append(li);  // adds to bottom of list

または

list.prepend(li);  // adds to top of list
于 2013-08-22T16:57:52.133 に答える