Замена текста js заглавная буква

249

21 апреля 2017, 20:42

HTML

<div class="gold" id="text1">
    <ul>
        <li>Тест1~~Тест2~~Тест3</li>
    </ul>
</div>
<div class="gold" id="text1">
    <ul>
        <li>Тест1~~Тест2~~Тест3</li>
    </ul>
</div>

var elements = document.getElementsByClassName('gold');
for(var i = 0; i < elements.length; i++) {
    var el = elements[i].getElementsByTagName("li");
    var listItemContent = el[0].textContent;
    el[0].innerHTML = listItemContent.split("~~").join("</li><li>");
}

Как сделать чтоб заглавная буква шла с новой строчки?

Тест1

Тест2

Тест3

но не во всех строчках есть ~~, единственное что есть это заглавная буква

Answer 1

Здравствуйте Never3D!

В вашем примере один li оказывается в другом li. Возможно в этом у вас проблема? Если да, вот мой вариант:

'use strict'; 
 
var elements = document.getElementsByClassName('gold'); 
 
for (var i = 0; i < elements.length; i++) { 
  var ul = elements[i].querySelector('ul'); 
  var li = ul.querySelector("li"); 
  var liTextContent = li.textContent; 
 
  ul.removeChild(li); 
  var arrayContent = liTextContent.split("~~"); 
 
  for (var a = 0; a < arrayContent.length; a++) { 
    var newLi = document.createElement('li'); 
    newLi.textContent = arrayContent[a]; 
    ul.appendChild(newLi); 
  } 
}

  <div class="gold" id="text1"> 
    <ul> 
      <li>Тест1~~Тест2~~Тест3</li> 
    </ul> 
  </div> 
  <div class="gold" id="text1"> 
    <ul> 
      <li>Тест1~~Тест2~~Тест3</li> 
    </ul> 
  </div>