1

Tengo un texto en html y debo convertirlo en una lista ordenada, yo llego al punto de seleccionar la lista y aparecen los números pero solo consigo que aparezca una lista ordenada de números 1. Como se haría para que sumara cada numero??

$(function() {
$('span.texto').wrap("<ol><li></li></ol>");
});
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
<span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
<span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
<span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>

Debería aparecer:

1.texto,texto,texto,texto,texto
2.texto,texto,texto,texto,texto
3.texto,texto,texto,texto,texto

2 respuestas 2

3

Seria de esta manera entonces...

el problema es que al usar: .wrap("<ol><li></li></ol>"); esta creando una lista individual para cada elemento. y lo que quieres es meter todos los elementos en un Lista.

$(function() {
 $('span.texto')
 .wrapAll('<ol></ol>')
 .wrap('<li></li>');
});
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
<span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
<span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
<span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>

1
  • 1
    Esta respuesta ha sido justo la que necesitaba muchas gracias!!! ya no sabia como arreglarlo!!!! el 28 ene. 2021 a las 1:44
2

Eso pasa porque estás haciendo que a cada elemento lo envuelvan 2 etiquetas la ol y li por independientes. Lo que debes hacer es que a todos los elementos span los envuelva el ol y a cada elemento span lo envuelva li

te comparto un ejemplo de como deberías tenerlo

$(function() {
  $('span.texto').wrap("<li></li>");
});
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<ol>
  <span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
  <span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
  <span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
  <span class="texto">texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto,texto</span>
</ol>

Espero te sirva

3
  • 1
    el ejemplo de ella los span no esta dentro de una etiqueta ol; asique toca reconstruir todo...
    – user46896
    el 28 ene. 2021 a las 1:39
  • 1
    Gracias por tu ayuda Jorge, pero no podia modificar el html el 28 ene. 2021 a las 1:44
  • vale tranquilo, la respuesta del otro es totalmente válida también
    – jGomez
    el 28 ene. 2021 a las 18:27

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.