2022 16:08

Tecnologia

A_lenda_do_Zelda 180º
em 06/03/22 15:47

comentada em 07/03/2022 16:08

Utilizando Javascript, como executar um bloco de código APENAS SE determinado elemento HTML (uma div) possuir uma determinada classe? Quero dizer, como colocar isso dentro da condição de um if?

Comentários

Último comentário Só moderadores Só os meus Só quem eu sigo Ordenar por gostei

iponsk 180º

em 06/03/2022 16:01

Se estiver com javascript puro esses 2 links podem te ajudar...

dom - What is the "hasClass" function with plain JavaScript? - Stack Overflow
Element.classList - APIs da Web | MDN

if(div.classList.contains("tem-que-ter-essa-classe")){
//faça as coisas...
}

Se for com jQuery:

if($("#minhaDiv").hasClass('tem-que-ter-essa-classe')){
//faça as coisas....
}

Ajuda aí pow!

Script que depende de uma classe de um elemento HTML - #1 de 4

Abra 180º
em 06/03/2022 16:15

Ou, tu pode procurar exatamente por esse elemento com a classe.
Se não achar, é pq não tá com a classe.

Document.querySelectorAll() - APIs da Web | MDN

Ajuda aí pow!

Script que depende de uma classe de um elemento HTML - #2 de 4

Holder_Hold 180º
em 07/03/2022 07:34

se tiver usando jquery é só usar a estrutura $(".nome-da-minha-classe")
veja que tem o ponto antes do nome da classe exemplo
<div class="abc" id="a">123</div>

<div class="abc" id="b">456</div>

<div class="abc" id="c">789</div>
<script>
// . pega a classe

$(".abc").html();
// # pega o id

$("#a").html();

$("#b").html();

$("#c").html();

</script>

Ajuda aí pow!

Script que depende de uma classe de um elemento HTML - #3 de 4

Depi 180º
em 07/03/2022 16:08

@Janclo_Vandami
Em um documento HTML podem existir vários elementos com o mesmo nome da CLASS, acho que o scripit pode ficar confuso na hora buscar a div....Se você quer trabalhar com um elemento específico, poderia usar o ID.
JS puro tentei usar a CLASS, mas não consegui, usei o ID deu certo...
Sou apenas um estudante de JS... Pessoal mais profissional deve saber