Jquery 旋转木马的附加功能

我正在尝试向旋转木马添加传统功能。转盘的默认行为是向左和向右滚动，这很好

我真正想通过这个旋转木马实现的是，当用户单击列表中的某个项目时，在旋转木马正上方的一个div中显示列表的内容。但在我当前的代码中，似乎所有列表项都被克隆并插入到内容类中。此外，一旦用户单击列表，它应该替换内容类中已经存在的项目

   <div class="content">
   </div>
   <div class="carousel">
        <ul>
            <li><a href="#"><img src="test1.jpg" alt="" /><em>Excepteur sing occaecat cupidatat</em></a></li>
            <li><a href="#"><img src="test2.jpg" alt="" /><em>Excepteur sing oc</em></a></li>
            <li><a href="#"><img src="test3.jpg" alt=""/><em>Excepteur sing oc</em></a></li>
            <li><a href="#"><img src="test4.jpg" alt="" /><em>Excepteur sing occaecat</em></a></li>
            <li><a href="#"><img src="test5.jpg" alt="" /><em>Excepteur sing</em></a></li>
        </ul>
    </div>



$(function() {
      $('.carousel ul li').click(function() {
        $(this).addClass('current').siblings().removeClass('current');
        $('current li').clone().appendTo('.content');

    });
});

$（函数（）{
$（'.carousel ul li'）。单击（函数（）{
$（this）.addClass（'current'）.sides（）.removeClass（'current'）；
$（'current li'）.clone（）.appendTo（'.content'）；
});
});

为什么要克隆这个。替代用途

$(this).addClass('current').siblings().removeClass('current');
$('.content').empty();
$('.content').append($('.current').text()) ;

---

上面的答案似乎是正确的，但是如果您想要操作附加到类内容的元素，那么您可以将.text（）更改为.html（），如下所示

$(this).addClass('current').siblings().removeClass('current');
$('.content').empty();
$('.content').append($('.current').html()) ;

---

你的方法是有效的，但也有可能包含一些效果。就像在点击之前淡入内容中的内容，然后淡出点击内容一样？如果不玩代码，很难说，你能在中发布一个例子吗-