jquery中的.next（），它是否会移动到下一个<div id =“id1”> </div>

Question

我想转到下一个，我可以使用.next（）吗？

var i=0;
$('#next').bind('click',function(){

 $('#id'+i).next();

i++
});
<div style="width=150px;">
<div id=id1></div>
<div id=id2></div>
<div id=id3></div>
<div id=id4></div>
</div>

下一个

由于 让

Answer 1

如果您有html结构，.next()会获得下一个兄弟：

<div id=id1></div>
<div id=id2></div>
<div id=id3></div>
<div id=id4></div>

然后，你可以像这样走过这些div：

$('#id1').click(function(){
 // get next that id2
 $(this).next()..........
});

修改

也给你的divs课程：

<div id=id1 class="test"></div>
<div id=id2 class="test"></div>
<div id=id3 class="test"></div>
<div id=id4 class="test"></div>

现在使用JQuery，您可以像这样循环每个：

var i=0;

$('.test').each(function(){
 // get next and so on
 $('#id'+i).next()..........

 i++;
});