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"

＆＃13;

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

＆＃13;

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

＆＃13;

使用jQuery删除列表项

1 个答案: