Удаление элементов списка с помощью JavaScript

Question

удалить элемент * при нажатии на соответствующую ему кнопку удаления *.

<ul class="item-list">
    <li>Notebook <button>Delete</button></li>
    <li>Jello <button class="delete">Delete</button></li>
    <li>Spinach <button class="delete">Delete</button></li>
    <li>Rice <button class="delete">Delete</button></li>
    <li>Birthday Cake <button class="delete">Delete</button></li>
    <li>Candles <button class="delete">Delete</button></li>
</ul>

Answer 1

Вы можете использовать метод JQuery remove следующим образом:

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="item-list">
     <li>Notebook <button>Delete</button></li>
     <li>Jello <button class="delete">Delete</button></li>
     <li>Spinach <button class="delete">Delete</button></li>
     <li>Rice <button class="delete">Delete</button></li>
     <li>Birthday Cake <button class="delete">Delete</button></li>
     <li>Candles <button class="delete">Delete</button></li>
</ul>