Jquery каждый цикл после ссылки

Question

Я хочу нарисовать линию холста от элемента .class до элемента класса. До сих пор я могу ссылаться на начальные и конечные элементы в классе элементами. 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, который мне нужно расширить в цепочку. см. LINK.

Это не работает для меня.

Answer 1

Скрипку, кажется, не имеют ничего общего с вопросом ...

Я думаю, что вы ищете что-то вроде этого ..

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

Answer 2

Может быть, это то, что вы ищете:

divs.each(function(){ 
    alert($(this).next().get(0).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(); 
     } 
    } 
};