1

У меня есть список с кнопками. И каждая кнопка объединена с отдельным элементом списка.

<ul>
    <li>1<button class="delete">Delete</button></li>
    <li>2<button class="delete">Delete</button></li>
    <li>3<button class="delete">Delete</button></li>
</ul>  

С помощью Javascript мне нужно удалить тот элемент списка, на какую кнопку я нажму. То есть, если я нажимаю на кнопку, привязанную к первому элементу, этот первый элемент должен быть удалён.

1 ответ 1

3

document.querySelector('ul').onclick = function(e) {
  const btn = e.target.closest('.delete');
  if (!btn) {
    return;
  }
  
  btn.parentElement.remove();
  // btn.closest('li').remove();
}
<ul>
    <li>1<button class="delete">Delete</button></li>
    <li>2<button class="delete">Delete</button></li>
    <li>3<button class="delete">Delete</button></li>
</ul> 

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.