Go through jquery inputs and check if you have a certain class in input

Question

I’m picking up the inputs with the code var itensTabelaPresentation = ('#tabelaPresentarion > li'); and would like to walk through them and go checking if they have certain class, how do I accomplish this in a foreach?

<ul class="nav nav-tabs" id="tabelaPresentarion">
	<li role="presentation" id="tabGeral" class="active"><a href="#">Geral</a></li>
	<li role="presentation" id="tabAuditoria" ><a href="#">Audiroria</a></li>
</ul>

<script>
	jQuery(document).ready(function () {

		var tabGeral = $('#tabGeral');
		var tabAuditoria = $('#tabAuditoria');

		var painelGeral = $('#painelGeral');
		var painelAuditoria = $('#painelAuditoria');

		var itensTabelaPresentation = ('#tabelaPresentarion > li');
		
		tabGeral.click(function () {
			painelGeral.show();
			painelAuditoria.hide();

			for (var i = 0; i <= itensTabelaPresentation.length; i++) {
				
			}

		});

		tabAuditoria.click(function () {
			painelGeral.hide();
			painelAuditoria.show();
		});
		
	});
</script>

Answer 1

Just use the .hasClass() for that reason.

$("#tabelaPresentarion > li").each(function(index) {
  if ($(this).hasClass('active'))
    console.log("O elemento " + index + ": " + $(this).text() + " está ativo.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav nav-tabs" id="tabelaPresentarion">
  <li role="presentation" id="tabGeral" class="active"><a href="#">Geral</a></li>
  <li role="presentation" id="tabAuditoria"><a href="#">Audiroria</a></li>
</ul>

Answer 2

As you already have the list of elements you will use to filter the class, var itensTabelaPresentation = ('#tabelaPresentarion > li');, just use the filter method:

var soOsComClasse = itensTabelaPresentation.filter('.suaClasse');

If you need to go through all the same items, just use what you said, each(), beyond the method hasClass()

itensTabelaPresentation.each(function(index) {
  console.log('elemento ' + index + ' tem classe? ' + $(this).hasClass('suaClasse'));
});

More information:

• https://api.jquery.com/filter/
• https://api.jquery.com/each/
• https://api.jquery.com/hasClass/

Answer 3

You can do so with Jquery:

$('.nav.nav-tabs li').each(function(){
    if($(this).attr('class') == "active"){
        alert("Achei a class!");
    } else {
        alert("A class não está aqui!");
    }
}); 

NOTE: In place of active by the class you want to find.