刪除與按鈕相關的圖像

Question

我正在開發一個應用程序，其中有人可以從圖庫中選擇多個圖像。我附加了一個按鈕，每個圖片調用onclick函數。我怎樣才能刪除按鈕onclick附加圖像？

<div id="images"> 
    <img src="www.xyz.com/qwert.jpg" class="hi"> 
    <input type="button" class="multiple"> 
    <img src="www.xyz.com/qwerty.jpg" class="hi"> 
    <input type="button" class="multiple"> 
    <img src="www.xyz.com/qwertww.jpg" class="hi"> 
    <input type="button" class="multiple"> 
</div> 

Answer 1

您可以使用此代碼：

$(".multiple").click(function() { 
    $(this).prev("img").remove(); 
}); 

片段

$(function() { 
 
    $(".multiple").click(function() { 
 
    $(this).prev("img").remove(); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="images"> 
 
    <img src="www.xyz.com/qwert.jpg" class="hi"> 
 
    <input type="button" class="multiple"> 
 
    <img src="www.xyz.com/qwerty.jpg" class="hi"> 
 
    <input type="button" class="multiple"> 
 
    <img src="www.xyz.com/qwertww.jpg" class="hi"> 
 
    <input type="button" class="multiple"> 
 
</div>