CODEWITHSUNDEEP
javascriptjqueryhtmlasp.net-mvc
Simsons
Simsons

Reputation: 12745

remove an list Item using jQuery

I have a script which is using jQuery drag and drop.

Using that I am moving items between two lists. I am able to add items using append function but , jQuery remove is not working .

 $("#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);

                    });

Upvotes: 0

Views: 63

Answers (1)

Saurabh Mistry
Saurabh Mistry

Reputation: 13669

Add Class to 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>

Upvotes: 2

Related Questions