.tabpend与jQuery并获取当前索引（）

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

<强> fiddle

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

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