Javascript 如何突出显示我所在的元素'；我在循环？

我一直在学习自己编写代码，我的Javascript知识非常基础。。。当我尝试循环浏览列表时，我遇到了一个问题，我想包装索引与列表中的索引匹配的元素，并除去其他元素……当然，这不是我想要的，这就是我所拥有的：

<div id='wrapper'>
    <ul id='list'>
        <span id='next'>Next</span>
        <li>Cat</li>
        <li>Dog</li>
        <li>Eagle</li>
        <li>Fox</li>
        <li>Mouse</li>
        <span id='prev'>Prev</span>

        <div id='ci'></div>
    </ul>

下一个
猫
狗
老鹰
狐狸
老鼠
上

var当前_指数=0；
变量uli=$（“#列表li”）；
功能循环（）{
var start=uli.eq（当前指数）；
$（“#ci”）.html（当前#u索引）；
//警报（uli.索引（开始））
var pic=uli.index（开始）；
if（start.parent（）.is（'#this'））{
start.unwrap（）；
}else if（当前_索引==pic）{
start.wrap（“”）；
}
}
$（“#下一步”）。单击（函数（）{
当前_指数+=1；
如果（当前索引>uli.length-1）{
当前_指数=0；
}
循环（）；
});
$（'#prev'）。单击（函数（）{
当前_指数-=1；
如果（当前指数<0）{
当前_指数=uli.length-1；
}
循环（）；
});

---

我希望我已经解释了我自己，谢谢你的时间，我真的很感激

您需要包装

li的内部内容

并打开

的内容#此

function cycle() {
    $("#ci").html(current_index);
    $('#this').contents().unwrap();
    uli.eq(current_index).wrapInner('<div id="this"></div>');
}

下一个

猫
狗
老鹰
狐狸
老鼠

上

在您的代码中：

$('#prev').click(function(){
    current_index -= 1;
    if(current_index < 0){
     current_index = uli.length -1;   
    }
    // delete all other highlighted
    $('.highlight').removeClass('highlight');
    // make this highlighted
    $(this).addClass('highlight');
    cycle();
});

---

谢谢你的解决方案，伙计！谢谢你的回答！我真的很感激！

$('#prev').click(function(){
    current_index -= 1;
    if(current_index < 0){
     current_index = uli.length -1;   
    }
    // delete all other highlighted
    $('.highlight').removeClass('highlight');
    // make this highlighted
    $(this).addClass('highlight');
    cycle();
});

  .highlight {
   border: 1px solid green;
  }