Перемещение из одного упорядоченного списка в другой OL

Когда я нажимаю на текст из "первого списка" OL, я хочу, чтобы точный текст был перемещен в другой OL "seclist". Нет необходимости удалять этот текст из первого списка. Мне не хватает того, как получить выбранный элемент из первого списка. Я думаю, что другие будут работать, если мы передадим выбранный элемент из первого списка в "var text" в функции щелчка. Пожалуйста, помогите мне. Заранее спасибо.

<title>Example</title>
 

 
 

 

 
 

 

 <ol id="firstlist">
 <li>Item 1 </li>
 <li>Item 2 </li>
 <li>Item 3 </li>
 <li>Item 4 </li>
 <li>Item 5 </li>
 </ol><ul id="seclist">
 </ul><table id="myTable">
 <tbody><tr><td>
 </td></tr><tr>
 
 </tr>

 <tr>
 
 </tr>
 
 </tbody></table>

 <!--
 <input type="test" id="inputName" />
 <button id="btnName">Click me!</button>
 -->
2 ответа

http://jsfiddle.net/WfKbk/1/

вы можете просто повторно добавить элемент

$('#firstlist li').click(function () { 
 $("#seclist").append($(this));
});


JSFiddle для копирования текста.

$('#firstlist').on( 'click', 'li' , function(){

 var $this = $(this),
 text = $this.text();

 $("#seclist").append('<li>' + text + '</li>');

})

licensed under cc by-sa 3.0 with attribution.