jquery - jQuery で .append して現在の index() を取得する

Question

jQueryでdivを追加すると、現在のインデックスサイズを取得するのに問題があります

HTML:

<div>
    <p>1</p>
</div>

<button>Add</button>

jQuery:

$("button").live("click",function() {
    var index = $("div").index()+1;
    $("div").append('<p>'+index+'</p>');
});

関数を使用する必要がありますか、eachそれとも別の解決策がありますか?

score 2 · Accepted Answer

これにより、クリックごとに数値が増加する div が追加されます。

$("button").click(function() {
    var index = $("div p").index()+1;
    $("div").append('<p>'+(index+1)+'</p>');
});

score 2 · Accepted Answer

すでに開始しているため、children要素をポイントして目的のインデックスを取得し、
使用する必要があります+2（インデックスはゼロベースです）1

$("button").on("click",function() {
    var index = $("div p").index() +2;
    $("div").append('<p>'+index+'</p>');
});

2 に答える 2