jquery - 通过单击删除按钮删除图像

Question

如何通过单击相应的删除按钮来删除完整分割的特定图像，下面是源代码。请在这方面帮助我。

<div class="slide"> 
   <img class="photo" src="img001.jpg"> 
   <p>image description</p> 
   <button id="del">Delete</button> 
</div> 
<div class="slide"> 
   <img src="img002.jpg"> 
   <p>image description</p> 
   <button>Delete</button> 
</div>

Answer 1

给幻灯片下方的按钮绑定(bind)点击事件，点击按钮即可移除幻灯片。

$(function() {

  $(".slide button").click(function() {
    $(this).parent().remove();
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="slide">
  <img class="photo" src="img001.jpg">
  <p>image description</p>
  <button id="del">Delete</button>
</div>
<div class="slide">
  <img src="img002.jpg">
  <p>image description</p>
  <button>Delete</button>
</div>