1

gostaria de saber como faço um if com tab active em JavaScript

<div class="nav-tabs-custom">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#negociosRealizados" data-toggle="tab" onclick="reload('negociosRealizados')">Negocios realizados</a></li>
    <li><a href="#baixados" data-toggle="tab" onclick="reload('baixados')">Baixados</a></li>
    <li><a href="#recomprados" data-toggle="tab" onclick="reload('recomprados')">Recomprados</a></li>
    <li><a href="#recompradosOp" data-toggle="tab" onclick="reload('recompradosOp')">Debitos Recomprados em Operação</a></li>
  </ul>
  <div class="tab-content">
    <div class="active tab-pane" id="negociosRealizados">

    </div>
    <!-- /.tab-pane -->
    <div class="tab-pane" id="baixados">

    </div>
    <!-- /.tab-pane -->

    <div class="tab-pane" id="recomprados">

    </div>
    <!-- /.tab-pane -->

    <div class="tab-pane" id="recompradosOp">

    </div>
    <!-- /.tab-pane -->
  </div>
  <!-- /.tab-content -->
</div>
<!-- /.nav-tabs-custom -->

Por exemplo, if (negociosRealizados = active)

3
  • Quando você pretende fazer essa verificação? Em qual ação?
    – JrD
    Commented 24/04/2019 às 14:41
  • Uma maneira de trazer o id para uma função de JS, se o negocios realiazados estiver ativo, passa o id negocios realizados Commented 24/04/2019 às 14:47
  • Possível duplicata de Detectar se um elemento contém uma classe com JavaScript puro
    – JrD
    Commented 24/04/2019 às 15:57

2 Respostas 2

0

Existe uma forma simples de verificar a class de um elemento:

if(document.getElementById('negociosRealizados').classList.contains("active")){
    //codigo
}
4
  • O AP tem a necessidade no Javascript, essa solução contém o JQuery
    – JrD
    Commented 24/04/2019 às 15:55
  • Já editei, obrigado pela observação
    – Afonso
    Commented 24/04/2019 às 16:00
  • Deu certo, muito obrigado :) Commented 25/04/2019 às 15:50
  • Ora essa, de nada :)
    – Afonso
    Commented 25/04/2019 às 18:15
0

Adiciona no seu código o js do bootstrap

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

O próprio bootstrap já trata o active e a mudança das abas

Lembra de verificar a versão do seu bootstrap.

3
  • E quanto ao if ? Commented 24/04/2019 às 15:17
  • Preciso que você elabore mais a pergunta especificando o que quer com o if, não ficou claro pra mim. Posta o js onde quer executar esse if e explique mais por favor Commented 24/04/2019 às 15:29
  • Você quer saber qual aba esta selecionada? Commented 24/04/2019 às 15:31

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .