Javascript/Jquery单击锚定标记addClass到特定LI

例如，当用户单击具有类“link-1”的锚定标记并从其他列表中删除类“active”时，我想将类“active”添加到具有类“list-1”的LI中。同样的情况也适用。 任何建议都会很有帮助

<br>
<br>
<ul class="list-item">
    <li class="list-0 active">Product One</li>
    <li class="list-1">Product Two</li>
    <li class="list-2">Product Three</li>
    <li class="list-3">Product Four</li>
</ul>`
<br>
<br> `
<div class="pager-list">
    <a href="#" class="link-0">1</a>
    <a href="#" class="link-1">2</a>
    <a href="#" class="link-2">3</a>
    <a href="#" class="link-3">4</a>
</div>

或者不带数据，但链接的顺序和列表项的顺序很重要

<ul class="list-item">
     <li class="list-0 active">Product One</li>
     <li class="list-1">Product Two</li>
     <li class="list-2">Product Three</li>
     <li class="list-3">Product Four</li>
 </ul> 

<div class="pager-list">
  <a href="#" class="link-0">1</a>
  <a href="#" class="link-1">2</a>
  <a href="#" class="link-2">3</a>
  <a href="#" class="link-3">4</a>
</div>

<script>
    $('.pager-list').on('click', 'a', function(e){
        e.preventDefault();
        var links = $('.pager-list a');
        $('.list-item li').removeClass('active'); 
        $('.list-item li').eq(links.index(this)).addClass('active');
    });
</script>

请尝试以下操作：

$.pager-list.finda.onclick，函数E{ e、 防止违约； var value=$this.datavalue； $。列表项 .find.list-+value.addClassactive .sides.removeClassactive； }; 产品一 产品二 产品三 产品四

---

我的建议是用谷歌搜索你不知道怎么做的部分的答案。人们一直在问这类问题，所以我想如果你进行搜索，你会很容易学会如何进行搜索。为什么要在数据属性中复制类？类是link-X，数据是list-Xsure，但是那里有很多重复。你所需要的只是号码，你已经有了。我同意，这取决于你需要什么

<ul class="list-item">
     <li class="list-0 active">Product One</li>
     <li class="list-1">Product Two</li>
     <li class="list-2">Product Three</li>
     <li class="list-3">Product Four</li>
 </ul> 

<div class="pager-list">
  <a href="#" class="link-0">1</a>
  <a href="#" class="link-1">2</a>
  <a href="#" class="link-2">3</a>
  <a href="#" class="link-3">4</a>
</div>

<script>
    $('.pager-list').on('click', 'a', function(e){
        e.preventDefault();
        var links = $('.pager-list a');
        $('.list-item li').removeClass('active'); 
        $('.list-item li').eq(links.index(this)).addClass('active');
    });
</script>