я есть некоторые теги списка элементов в моем JSP. Каждый элемент списка содержит несколько элементов, в том числе ссылку (тег «a»), которая называется delete. Все, что я хочу, это удалить весь элемент списка, когда я нажимаю на ссылку.

Вот структура моего кода:

$("a").click(function(event) {
  event.preventDefault();
  $(this).parent('.li').remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="191" class="li">
  <div class="text">Some text</div>
  <h4><a href="URL">Text</a></h4>
  <div class="details">
    <img src="URL_image.jpg">
    <span class="author">Some info</span>
    <div class="info"> Text
      <div class="msg-modification" display="inline" align="right">
        <a name="delete" id="191" href="#">Delete</a>
      </div>
    </div>
  </div>
</li>

Но это не работает. Я новичок в jQuery, поэтому я попробовал кое-что, например:

$(this).remove();

Это работает, он удаляет ссылку при нажатии.

$("#221").remove();

Это работает, он удаляет указанный элемент списка, но это не "динамический".

Может кто-нибудь дать мне совет?