Удалить выбранный элемент (не внутри поля параметров) с помощью Jquery

Question

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

Это мой код jquery

$.get(url, function (d) {
  self.dt = [];
  self.firmData = JSON.parse(d.Data);
  self.firmData.forEach(function (data) {
  $("#itemlists").append("<div class='item'>" + data.DisplayName + "</div>");
  self.dt.push(data.DisplayName);
   });
 });

Это мой HTML:

<div class="active content menu scrollbar" style="max-height:365px; overflow:auto;">
    <div id="itemlists" style="z-index:999" class="ui divided selection list">
    </div>
</div>

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

РЕДАКТИРОВАТЬ

    "click #itemlists .item": function (e) {
         var text = $(e.target).text()
         $(this).remove();
    },

Я пытался использовать этот метод выше, но это также удаляет все элементы

Answer 1

Сначала я записываю выделенный текст

var text = $(selectedOpts).val();

, а затем фильтрую данные из this.data и передаю их в переменную removeItem

const removeItem = value => this.data.filter(item => item.columnsexpo != value)

Теперь я присваиваю значение this.data как

this.data = removeItem(text)

Теперь this.data содержит удаленный элемент и отображает только те данные, которые нам нужны

Answer 2

когда щелкните элемент class = 'item', он будет удален.

$(".item").on( "click", function() {
  $(this).remove();
});