周期的问题

Question

我有一个循环，它只适用于我的最后一个元素。 据认为，它适用于每个要素。

for (var z=1; z<$('.page').length;z++){ 

$('#arrowUp_'+z).click(function(){
        $('#thumbsContainer_'+z).animate({top: '-='+93+'px'}, {duration: 1000});
        cont++;
        arrowThumbs();
    });

    $('#arrowDown_'+z).click(function(){
        $('#thumbsContainer_'+z).animate({top: '+='+93+'px'}, {duration: 1000});
        cont--;
        arrowThumbs();
    });
}

如果将z替换为一个数字，则可以使其适用于这种情况。 但是我不想重复N次相同的过程。 所以我认为为...做一个周期是个好主意，但没有成功

谁能解释该怎么做？ 谢谢

Answer 1

为什么要使用ID？ 你为什么不能像这样在每个元素上添加一个类

<div id="arrowUp_1" class="arrowUp">

</div>

$('.arrowUp').click(function(){...});

也[你应该知道的事情]

'-='+ 93 +'px'毫无意义，您可以让'-= 93px'仍然是一样的东西，因为它将被视为字符串而不是数字，就像说var h3ll0;一样var h3ll0; 不是字符串:)

cont ++之前未预定义，并且您的整体无法正常运行，因为animate（）错误。单击链接，以便您可以获取一些帮助http://api.jquery.com/animate/

您不放{duration：1000}而是放1000，因为它本身就是一个属性，并且期望一个[毫秒数而不是json对象] ...

更新检查此代码...

http://jsfiddle.net/JFRAb/3/

=============================================

CSS：

span {background: red;position: absolute; left: 0;}

JS

$(function() {
    $('div').click(function() {
        $('p').append($(this).text());
        //alert('text');
        var i = $(this).index($('ul div'));
        console.log($(this));
        $('ul span').eq(i).animate({
            left: '50%'
        }, 1000);
    });
});

的HTML

<p>Test...</p>
<hr />
<ul>
    <div>Click 1</div>
    <div>Click 2</div>
    <div id="b">Click 3</div>
    <div>Click 4</div>
</ul>
<br /><br /><br /><br />
<ul>
    <span>Im thumb 1</span>
    <span>Im thumb 2</span>
    <span>Im thumb 3</span>
    <span>Im thumb 4</span>
</ul>

这是元素选择的一个不好的例子:)，但它为您提供了更好的解决方案:)我应该考虑:)