Javascript 如何使用jquery在div中插入ul列表的图像

我需要在div（.slider）中插入一个图像，当我单击链接“prev”和“next”时，我的结构如下：

<a class="prev"></a>
    <div class="slider">
    </div>
<a class="next"></a>

    <div class="thumbnails">
      <ul>
        <li><img src="" alt="" /></li>
        <li><img src="" alt="" /></li>
        <li><img src="" alt="" /></li>
        <li><img src="" alt="" /></li>
      </ul>
    </div>

在div.slider的两侧，我有两个链接“prev”和“next”，要转到next和prev图像，我如何使用jQuery或javascript呢

谢谢

$（'.prev'）。单击（函数（）{
$('.prev').click(function(){
   if(current>0){
       current--;
       changeImage(current);
   }
});

$('.next').click(function(){
    current++;
    changeImage(current);
});

var current=0;
changeImage(current);
function changeImage(index){
  if($('li img').eq(index).length){
      var src=$('li img').eq(index).attr('src');
      $('.slider').html('<img src="'+src+'" />');
  }
}

如果（当前>0）{
当前--；
更改图像（当前）；
}
});
$（'.next'）。单击（函数（）{
电流++；
更改图像（当前）；
});
无功电流=0；
更改图像（当前）；
函数更改图像（索引）{
if（$（'li img'）.eq（index.length）{
var src=$（'li img'）.eq（index）.attr（'src'）；
$（'.slider'）.html（''）；
}
}

---

尝试这样的方法

我认为添加img元素比使用html更好：

var current = 0;
$("a.prev").click(function(){
  $(".slider img").attr("src", $(".thumbnails li").eq(current--).attr("src") );
})
$("a.next").click(function(){
  $(".slider img").attr("src", $(".thumbnails li").eq(current++).attr("src") );
})

---

此外，请确保您处理的案例中，prev导致当前值<0或当前值>=$（“.thumbnails li”）。长度

您尝试过什么吗？？？是的，但是，没有成功，没有工作，我整天都在尝试