jquery - 使用后引用的Jquery每个循环

Question

我想画一条从 .class 元素到 class 元素的画布线。到目前为止，我可以通过elements.first() 和elements.first() 引用类中的开始和结束元素。

困难在于我想使用需要起点和终点的 quadraticCurveTo。终点是 .class 中的下一个元素。

$('.myclass').chainlines();
$.fn.chainlines = function(){
context.moveTo($(this).first().position().left+15,$(this).first().position().top+20);
$(this).each(function(){
next = $(this).next();
context.quadraticCurveTo($(this).first().position().left+60,
$(this).position().top+25,$(next).position().left+15,$(next).position().top+15);
});
};

我有一个 jsfiddle 示例，我需要将其扩展为链式 . 见链接。

这对我不起作用。

Answer 1

也许这是您正在寻找的：

divs.each(function(){
   alert($(this).next().get(0).id);
})

Answer 2

小提琴似乎与你的问题无关......

我想你正在寻找这样的东西..

 divs.each(function(idx){
    alert(divs[idx].next().attr("id"));
 })

Answer 3

我解决了自己的问题

$.fn.chainlines = function(){
    var divs = $(this);
    var count = $(this).length;
    for (var i = 0; i < count; i++) {
        if((i + 1) < count){
            context.moveTo($(divs[i]).position().left+15,$(divs[i]).position().top+20);
            context.quadraticCurveTo($(divs[i]).position().left+60,
                                 $(divs[i]).position().top+35,
                                 $(divs[i+1]).position().left+15,
                                 $(divs[i+1]).position().top+1);      
            context.stroke();
        }
    }
};