jQuery: iterar sobre elementos nesteds usando cada

tengo esta estructura html básica:

<div class=a> <div class=m></div> <div class=m></div> </div> <div class=b> <div class=m></div> <div class=m></div> </div> 

ahora quiero iterar sobre todas las m pero también me gustaría saber si estoy en a o b. usando la syntax básica de jquery, cada uno de los cuales no puedo encontrarlo.

 $('.m').each(function(index) { // how do i know if this m is part of a or b ? }); 

7 Solutions collect form web for “jQuery: iterar sobre elementos nesteds usando cada”

$(this).parent().hasClass("a") o $(this).parent().hasClass("b")

 if($(this).parent().hasClass('a')) 

Y lo mismo para b, debería funcionar.

Si te importa, entonces separaría los selectores así:

 $('.a .m').each(function(index) { // now I'm on .a items }); $('.b .m').each(function(index) { // now I'm on .b items }); 
 $('.m').each(function(index) { this.parentNode.getAttribute( "class" ); }); 

Por ejemplo, verifique que el padre es .a

 if($(this).parent().is('.a')) 

Podría usar el método .closest:

 var $this = $(this); if ($this.closest("a").length === 1) { alert("I'm in an a div"); } else { alert("I'm in ab div"); } 

Puede verificar la class del elemento padre dentro de su function para identificar si está en 'a' o 'b'

 $('.m').each(function() { var parentClass = $(this).parent().attr('class'); }); 

Entonces, la var parentClass debe tener un valor de 'a' o 'b'

  • ¿Cómo hacer que el código espere x segundos antes de ejecutar la siguiente iteración del ciclo en JS / JQUery?
  • Unión de Knockout.js con Select2 múltiple
  • Agregar input del usuario inmidatley a <input>
  • ¿Cómo se puede evitar que un formulario cargado dinámicamente se envíe con jquery?
  • jQuery.when - Devolución de llamada cuando TODOS los aplazados ya no están "sin resolver" (ya sea resuelto o rechazado)?
  • Conversión de código jquery a prototipo para una request Ajax de browser cruzado para get los últimos tweets
  • Cómo hacer que la label en el histogtwig responda a la input dinámica del usuario
  • AngularJS - Integración de services SOAP con el model AngularJS
  • Establecer variables globales de JavaScript en varias páginas
  • La dirección de comprobación de Bitcoin y la ayuda json son necesarias
  • Stringify una matriz multidimensional con javascript
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.