一、代碼
html代碼：
<ul class="id1" id="id1" style="width:84%; height:75%;overflow:auto; margin-top: 0;font-size:15px;"></ul>
<ul class="id2" id="id2" style="width:84%; height:75%;overflow:auto; margin-top: 0;font-size:15px;"></ul>
js代碼:
雙擊：dblclick
1. id1的ul綁定li，點擊獲取內容
方式一：
$("#id1").on("click", "li", function(e){
alert($(this).html());
});
方式二：
$("#id1 li").each(function(i){
$(this).click(function(){
alert($(this).html());
alert("第" + i + "被選中"); //從零計數
});
});
方式三：
$('<li></li>').text('內容').appendTo('#id1').addClass('clickable')
.click(function(){
alert($(this).html());
})
.dblclick(function(){ //雙擊
alert($(this).html());
})
2. 點擊id1下的li添加id2下的li:
$("#id1").on("click", "li", function(e){
$('<li></li>').text(內容).appendTo(‘#id2’);
});
3. id1的ul綁定li，點擊刪除:
$("#id1").on("click", "li", function(e){
this.parentNode.removeChild(this);
});