Как взять li и поместить его в определенный DIV

Question

Я новичок в jquery, и я делаю слайдер.

у меня есть:

<ul> 
    <li> <img src="image.jpg"><p>description of the current image</p></li> 
    <li> <img src="image.jpg"><p>description of the current image</p></li> 
    <li> <img src="image.jpg"><p>description of the current image</p></li> 
    <li> <img src="image.jpg"><p>description of the current image</p></li> 
</ul> 

, что мне нужно сделать, это когда я нажимаю на конкретный <li> элемент, он будет отображаться в лайтбокс с его содержанием.

<div id="lightbox">Here is clicked li and its content</div> 

Я не знаю, с чего начать.

Как сообщить jQuery взять li и положить в div?

Answer 1

Вы можете сделать следующее:

$(document).ready(function() { 
    $('li').on('click', function() { 
     $('#lightbox').html($(this).html()); 
    }); 
});