¿Como obtengo todos los elementos que tengan una clase? por jQuery

publicado por: Anonymous

Obtengo los elementos bien por javascript pero no por jQuery y los necesito por jQuery.

Por javascript los obtengo de esta manera:

let all = document.querySelectorAll('.botonEstado');
console.log(all);

Y efectivamente me da el resultado.

Por jQuery intento de esta manera:

var all = $(".mbox").map(function() {
    return this.innerHTML;
}).get();
console.log(all.join());

Pero no obtengo nada.

He hecho el intento basado en esta pregunta en Stack Overflow.

solución

Puedes usar each el cual:

Sirve para iterar sobre un objeto jQuery, ejecutando una función para
cada elemento coincidente.

El método .each() está diseñado para que las construcciones de
bucles DOM sean concisas y menos propensas a errores. Cuando se llama,
itera sobre los elementos DOM que forman parte del objeto jQuery. Cada
vez que se ejecuta la devolución de llamada, se pasa la iteración del
bucle actual, empezando por 0. Más importante aún, la devolución de
llamada se activa en el contexto del elemento DOM actual, por lo que
la palabra clave this se refiere al elemento.

Por ejemplo:

_x000D_

_x000D_

$(function() {_x000D_
_x000D_
  $(".mbox").each(function(index) {_x000D_
      console.log(index + ": " + $(this).text());_x000D_
      console.log($(this).attr('id'));_x000D_
  });_x000D_
_x000D_
});

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<div id="div1" class="mbox">_x000D_
  <p id="p1">Lorem<span> <em>impsum</em></span></p>_x000D_
  <ul>_x000D_
    <li>Uno</li>_x000D_
    <li>Dos</li>_x000D_
  </ul>_x000D_
</div>_x000D_
_x000D_
<div id="div2" class="mbox">_x000D_
  <blockquote>Lorem impsum dolor sit amet</blockquote>_x000D_
</div>_x000D_
_x000D_
_x000D_
<div class="no-mbox">_x000D_
  <ul>_x000D_
    <li>Tres</li>_x000D_
    <li>Cuatro</li>_x000D_
  </ul>_x000D_
</div>_x000D_
_x000D_
<div id="div3" class="mbox">_x000D_
  <ul>_x000D_
    <li>Cinco</li>_x000D_
    <li>Seis</li>_x000D_
  </ul>_x000D_
</div>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *