Si tengo una secuencia de varios <br> , ¿cómo puedo mostrar cuántas secuencias tengo?
En otras palabras, estoy tratando de contar cuántas veces tuvimos <br><br> como en dos
s seguidos.
// Undesired output: console.log(document.querySelectorAll('br').length) // 8 console.log(document.querySelectorAll('br+br').length) // 7 <div id="test"> Paragraph 1 <br> <br> Paragraph 2 <br>Paragraph 2 continued <br> <br> Paragraph 3 <br>Paragraph 3 continued <br> <br> Paragraph 4 </div>Salida deseada:
console.log(document.querySelectorAll('?????').length) // 3Puede usar expresiones regulares para encontrar <br><br> s:
var p = /<br>[\r\n]*<br>/g; console.log([...document.querySelector('#test').innerHTML.matchAll(p)].length); // => 3 <div id="test"> Paragraph 1 <br> <br> Paragraph 2 <br>Paragraph 2 continued <br> <br> Paragraph 3 <br>Paragraph 3 continued <br> <br> Paragraph 4 </div>prueba esto:
var nodes = document.querySelectorAll('br, div'); console.log(nodes); <div id="test"> Paragraph 1 <br> <br> Paragraph 2 <br>Paragraph 2 continued <br> <br> Paragraph 3 <br>Paragraph 3 continued <br> <br> Paragraph 4 </div>No pude pensar en una mejor manera de hacerlo, ¡espero que esto ayude!
const brTags = document.querySelectorAll('br') let tagCount = 0; for(let i = 0; i < brTags.length; i++){ const string = brTags[i].nextSibling.textContent .replaceAll("\n", "") .trim(); if(string.indexOf("Paragraph") > -1 && string.length === 11){tagCount++} } console.log ("Tag count: ", tagCount); <div id="test"> Paragraph 1 <br> <br> Paragraph 2 <br>Paragraph 2 continued <br> <br> Paragraph 3 <br>Paragraph 3 continued <br> <br> Paragraph 4 </div>