Olá,
Consigo saber dentro de some_function qual foi a classe que despoletou o evento click (.class1 ou .class2)?
$('.class1, .class2').click(some_function);
Obrigado.
Olá,
Consigo saber dentro de some_function qual foi a classe que despoletou o evento click (.class1 ou .class2)?
$('.class1, .class2').click(some_function);
Obrigado.
Pode usar $(this).hasClass("class1")
.
O $(this)
pega o elemento que disparou o evento, e o hasClass
verifica qual classe possui.
$('.class1, .class2').click(function() {
var class1 = $(this).hasClass("class1");
var class2 = $(this).hasClass("class2");
console.log("Foi class1=" + class1);
console.log("Foi class2=" + class2);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
<button class="class1">Class 1</button>
</p>
<p>
<button class="class2">Class 2</button>
</p>
É possivel saber quais as classes do elemento que despoletou o evento sim. Podes usar this
dentro dessa função, que será o elemento clicado, e aí saber as classes desse elemento ou comparar se o elemento tem uma classe específica.
Exemplo:
$('.class1, .class2').click(some_function);
function some_function() {
const todasAsClasses = this.className;
const temClasse1 = this.classList.contains('class1');
const temClasse2 = this.classList.contains('class2');
console.log(todasAsClasses, temClasse1, temClasse2);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="class1">
Btn 1
</button>
<button type="button" class="class2">
Btn 2
</button>
E se o elemento tiver desta forma: <button type="button" class="class1 class2">?
. A princípio, eu imaginei que ele queria saber era dessa forma, achei complicado saber qual seria a classe, casso fosse assim.
Commented
17/10/2019 às 14:20
true
true
para ambas as classes, terias que verificar ambos.
if (temClasse1 && temClasse2) { faz algo específico para quando tem as 2 classes }
- e aí vc trata da maneira que achar melhor (que não foi especificado na pergunta o que é pra fazer)
Forma bem simples:
$('.class1, .class2, .class3').click(function(ev){
console.log(ev.target.className + " disparou o evento");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
<button class="class1">Class 1</button>
</p>
<p>
<button class="class2">Class 2</button>
</p>