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>

当我点击ID为add的{​​{1}}图片时，添加一个新行，此行有topic_add_course_img，我可以点击它删除新行。

这是我的代码

delete image

是的，我得到了我想要的结果，但是我无法通过点击图片删除一行。 因为即使我给该行一个动态id，我也不知道当我点击图像时是哪个id？

任何答案都是欢迎:)，谢谢。

Answer 1

为您的图像设置一个类并使用：

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

         $(this).remove();

 });

如果你想摆脱父母：

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