javascript - 使用 jQuery 删除列表项

Question

我有一个使用 jQuery 拖放的脚本。

使用它我可以在两个列表之间移动项目。我可以使用 append 函数添加项目，但是 jQuery remove 不起作用。

 $("#dvright").on('drop', function (evt) {
                    evt.preventDefault();
                    var data = evt.originalEvent.dataTransfer.getData("Text");
                    var lst = $("#lstselectedproducts");
                    var li = "<li>" + data + "</li>";
                    li.textContent = data;
                    lst.append(li);

                    var lstSrc = $("#lstproducts");

//This is where I am expecting to remove the item from source list.
                        lstSrc.remove(data);

                    });

Answer 1

将类添加到li class="item"

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>

<li class="item">item 1</li>
<li class="item">item 2</li>
<li class="item">item 3</li>
<li class="item">item 4</li>
<li class="item">item 5</li>

</ul>