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

游乐场：http: //jsfiddle.net/uZwWg/

我必须使用该each功能还是有其他解决方案？

Answer 1

这将在每次点击时添加一个带有递增数字的 div：

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

Answer 2

小提琴

您应该指向子元素以获取所需的索引
并使用+2（索引从零开始），因为您已经开始使用1

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