刪除當前元素jquery accordion

Question

我有「dinamic」手風琴。點擊「addBtn」創建新元素。每個元素都有刪除當前元素的按鈕「刪除」。

HTML

<div id="accordion"> 

         <div id="aE"> 
          <div id="aT" class="aT_val"> 
           <h3></h3> 
          </div> 

          <div id="aC" class="aC_val"> 
           <p></p> 
          </div> 

          <div id="deleteBtn" class="deleteBtn"><img src="images/del.png"></div> 

         </div> 

        </div> 

JS

$('#addBtn').click(function() { 
     count++; 

     $('#accordion').append('<div id="aE' + count + '"><div id="aT' + count + '" class="aT_val"><h3></h3></div><div id="aC' + count + '" class="aC_val"><p></p></div><div id="deleteBtn' + count + '" class="deleteBtn"><img src="images/delete-button.png"></div></div>'); }); 

$('#deleteBtn' + count).click(function() { 
     $('#aE' + count).remove(); 
    }); 

但 「deleteBtn」 不刪元素 「AE」。這怎麼解決？

Answer 1

'#aE' + count正在對點擊進行評估，而不是創建函數，因此它將是最後一次使用的值count而不是按鈕生成時的值。

Answer 2

#deleteBtn的onclick回調函數正在與父範圍的差異上下文中進行評估。

$('#deleteBtn' + count).click(function() { 
    // this will always return a fixed number 
    $('#aE' + count).remove(); 
}); 

試試這個

$('#deleteBtn' + count).click(function() { 
    // this will return a correct id 
    var cnt = this.id.replace('deleteBtn', ''); 
    $('#aE' + cnt).remove(); 
});