使用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>