2012-11-12 48 views
1

我有問題獲得當前索引大小時,我添加一個div使用jQuery到.append與jQuery和獲取當前指數()

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函數還是有其他解決方案?

+1

我的失敗!忘記'p'選擇器 – l2aelba

+1

(+1)+1另外還有;) –

回答

2

fiddle

您應該指向兒童元素,以獲得所需的索引
和使用+2(指數是零基於),因爲您已經開始使用1

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

這將每次點擊添加一個div用遞增的數字:

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

!!!!!! ,所以我的失敗!忘了「p」:( – l2aelba

+0

'.index()'函數返回與其兄弟相關的**第一個**匹配元素的索引,而不是最後一個,所以我不確定這是否會起作用 –

+0

工作當然,我叫'div'不是'div p'的索引:( – l2aelba