Jquery不使用html，因为

首先，我有这个代码

<ul id="unselected_list">
   <li class="clearfix" id="p1">
        <img src="img/pic1.jpg" alt="pic1">
        <p>name1</p>
    </li>
     <li class="clearfix" id="p2">
        <img src="img/pic2.jpg" alt="pic2">
        <p>name2</p>
    </li>
</ul>

<ul id="selected_list"></ul>

演示图像

---

如何执行此操作？

当附加处理程序

#selected_list

没有子元素

li

元素时，应该从元素或文档对象的静态父元素之一委派事件

$('#selected_list').on('click', 'li', function(){
    $(this).appendTo('#unselected_list');
});

$（'#selected_list li'）

在调用选择器时返回与该选择器匹配的所有元素。单击事件不会绑定到调用选择器后创建的元素

绑定单击事件，使其考虑动态生成的元素：

$('#selected_list').on('click', 'li', function() {
    $(this).appendTo('#unselected_list');
});

---

我想这会帮助你-

$('#selected_list li[id^="p"]').click(function(){
    $(this).appendTo('#unselected_list');
});

$('#selected_list').on('click', 'li', function() {
    $(this).appendTo('#unselected_list');
});

$('#selected_list li[id^="p"]').click(function(){
    $(this).appendTo('#unselected_list');
});