¡Esto debería ser fácil, aunque pasé más de 4 horas y nada! REALMENTE necesito agregar un contador para la etiqueta <br /> , dentro de una CLASE DIV específica, para contar las líneas de las letras y "hacer eco" del número correspondiente en cada línea justo antes de <br /> . Entiendo que esto no se puede hacer por css, como sucede con <p> , porque <br /> no permitirá condicionales antes y después de css. Realmente apreciaré la ayuda.
Ejemplo:
Cada vez que me miro en el espejo 1
Todas estas líneas en mi cara cada vez más claras 2
El pasado se ha ido 3
Y pasó, como el anochecer al amanecer 4
¿No es ese el camino? 5
Todo el mundo tiene sus cuotas en la vida para pagar 6
Sí, sé que nadie sabe 7
De dónde viene y de dónde va 8
Sé que es el pecado de todos 9
Tienes que perder para saber ganar 10
En PHP, puede usar la función de explosión para extraer todas las líneas nuevas como se muestra a continuación
$arr=explode(PHP_EOL, $lyrics); foreach($arr as $index=>$ele){ echo $ele.$index+1.'<br>'; }Si está recibiendo otros problemas, por favor llene gratis para comentar.
Si cada línea es un <p> , puede hacerlo para reemplazar cada <br>
var listElements = document.getElementsByTagName('br') for(var i = 1; i <= listElements.length; i++){ var line = listElements[i-1].parentElement.innerHTML listElements[i-1].parentElement.innerHTML = line.replace('<br', i+'<br') } <p>Every time when I look in the mirror <br /> </p> <p>All these lines on my face getting clearer <br /></p> <p>The past is gone <br /></p> <p>And it went by, like dusk to dawn <br /></p> <p>Isn't that the way? <br /></p> <p>Everybody's got their dues in life to pay <br /></p> <p>Yeah, I know nobody knows <br /></p> <p>Where it comes and where it goes <br /></p> <p>I know it's everybody's sin <br /></p> <p>You got to lose to know how to win <br /></p>Simplemente puede contar los números de cualquier etiqueta desde un código javascript simple.
let countbr = document.getElementsByClassName('count-br')[0].getElementsByTagName('br').length; console.log('Total </br> count on class count-br: ',countbr); <div class="count-br"> This page has 4 br </br> test </br> test test test </br> </br> </div> <div class="donot-count-br"> This section has 3 br </br> test </br> test test test </br> </div>