Нажатие на блок, после удаления любого элемента

Question

Как можно сделать так, чтобы при удаления любого элемента из списка, производилось автоматическое нажатие на последний блок из списка ?

<ul>
  <li id="1" onclick="remove(this)">Items 1</li>
  <li id="2" onclick="remove(this)">Items 2 </li>
  <li id="3" onclick="remove(this)">Items 3 </li>
  <li id="Good" onclick="remove(this)">Items Good</li>
</ul>

function remove(element) {
    let items = element.id
    $(`#${items}`).remove()
  
}

Answer 1

function remove(element) {
    let items = element.id
    $(`#${items}`).remove();
    $('ul li:last').remove();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<ul>
  <li id="1" onclick="remove(this);">Items 1</li>
  <li id="2" onclick="remove(this); ">Items 2 </li>
  <li id="3" onclick="remove(this);">Items 3 </li>
  <li id="Good">Items Good</li>
</ul>

Answer 2

$(".items").on('click', "li:not(:last-child)", function(){
  $(this).remove();
  $(".items li:last-child").remove(); // если удалить любой последний
  //$("#good").remove()         // если надо удалить только #good
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="items">
  <li>Items 1</li>
  <li>Items 2 </li>
  <li>Items 3 </li>
  <li id="good">Items Good</li>
</ul>

БЛОГ НА HUSL

Нажатие на блок, после удаления любого элемента

Ответы (2 шт):