Javascript 为两个div引导转盘添加活动类

我有这样的html

 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
      {% for project in similarProjects %}
        <div class="item {% if loop.first %}active{% endif %}">
           <span >{{ project.title }}</span>
        </div>
      {% endfor %}
    </div>

   <article>
      <div class="carousel-inner">
         {% for project in similarProjects %}
            <div class="item {% if loop.first %}active{% endif %}">
              {{ project.text }}
            </div>
         {% endfor %}
      </div>
   </article>

{%用于类似项目中的项目%}
{{project.title}
{%endfor%}

---

右侧相同

使用

：focus

或

：active

伪类来实现that@Amitsingh你的回答不正确，你的问题不完整

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>