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'

  • Generar numbers de página usando javascript / jquery?
  • ¿Cómo, con jQuery puedo decir si un visitante del website ha estado en el sitio antes?
  • Cómo hacer imágenes receptivas para experiencias mobilees
  • Cancelar touchend si los incendios de touchmove
  • ¿Cómo save un gráfico jQuery FLOT en un formatting de image .png o adicional?
  • ¿Hay alguna forma jQuery de iterar sobre properties propias de un object?
  • Cómo evitar que los usuarios ingresen caracteres no válidos dentro de un campo de entrada
  • Formato JSON para jquery-select2 multi con ajax
  • Si <td> tiene la int más grande, en su <tr> añade la class css a <td> - jquery
  • JQuery val () regresa vacío
  • ¿Cómo eliminar elem y la próxima window emergente?
  • Visualización doble de image en el button cuando se establece dinámicamente la image desde javascript
  • Método de buena práctica para cargar JavaScript a través de ajax
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.