Question

此脚本有问题。

var current = 1;

var height = $('.title').height(); 

var numberDivs = $('.title').children().length; 

var first = $('.title div:nth-child(1)'); 

setInterval(function() {
    var number = current * -height;
    first.css('margin-top', number + 'px');
    if (current === numberDivs) {
        first.css('margin-top', '0px');
        current = 1;
    } else current++;
}, 3000);

现在它在拳头div上附加css样式。我想让他逐一列出。

Answer 1

你必须使用jQuery中的.each函数迭代你的选择器，然后你得到这样的东西：

first.each(function(){
    this.css('margin-top', number + 'px');
}

Answer 2

for循环可能更适合你。

var height = $('.title').height(); 

var numberDivs = $('.title').children().length;

var first = $('.title div:nth-child(1)');

for( var i = 1; i <= numberDivs; i++ ) {

    var number = current * -height;

    if( i == 1 ) {
         first.css('margin-top', number + 'px');
    }

    if (i === numberDivs) {
        first.css('margin-top', '0px');
        current = 1;
    }
}

如果您需要，请告诉我。如果不是，我将需要更详细地解释你想要做什么。

nth-child循环每个

2 个答案: