如何jQuery的刪除行動態

Question

我使用jquery1.9，我想添加或刪除動態地行通過點擊add/remove image

下面是最重要的HTML代碼：

<ul id="topic_courses_list"> 
    <li class="section_form_li1"> 
     <div class="section_form_div1"> 
      <select id="topic_courses" class="chzn-select" data-placeholder="Please chose a course" style="width:350px;" tabindex="1"> 
      </select> 
     </div> 
     <div class="section_form_div1"> 
      <img id="topic_add_course_img" src="../../imgs/btn_30x22_add.gif"/> 
     </div> 
    </li> 
</ul> 

當我點擊編號爲topic_add_course_img的add圖片，添加一條新線，並且該線有一個delete image，我可以通過單擊它刪除新線。

這裏是我的代碼

$(document.body).on('click', '#topic_add_course_img', function(){ 
     var course_name = $("#topic_courses").find("option:selected").text(); 
     var course_val = $('#topic_courses').val(); 

     var chtml = '<li class="section_form_li1">' + 
     ' <div class="section_form_div1">'+course_name+'&nbsp;' + 
     '  <img src="../../imgs/btn_30x22_delete.gif" align="absmiddle" />' + 
     ' </div>' + 
     '</li>' 
     $("#topic_courses_list").append(chtml); 

}); 

是啊，我得到的結果我想要的東西，但我不能刪除行通過單擊圖像。 因爲即使我給該行一個動態ID，我不知道當我點擊圖像時哪個ID是？

任何答案都是歡迎:)，謝謝。

Answer 1

設置一個類來你的形象和使用：

$(document.body).on('click', '.yourClass', function(){ 

     $(this).remove(); 

}); 

如果你想擺脫父母的：

$(this).parent().remove();