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);
});
};

chained に展開する必要がある jsfiddle の例があります。リンクを参照してください。

これは私にはうまくいきません。

score 2 · Accepted Answer

多分それはあなたが探しているものです：

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

score 0 · Accepted Answer

私は自分の問題を解決しました

$.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();
        }
    }
};

score 0 · Accepted Answer

フィドルはあなたの質問とは何の関係もないようです...

私はあなたがこのようなものを探していると思います..

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

jquery - 参照後のJquery各ループ

3 に答える 3

Related

Reference