Поместить другой стиль в определенный текст между <li> </ li> перед текстовым двоеточием «:»?
Прежде чем я погрузлюсь в слова, пытаясь объяснить, что я имею в виду, вот пример того, чего я хотел бы достичь.
Как это сейчас:
<ul>
<li>My name: Sietse</li>
<li>Country: The Netherlands</li>
</ul>
Как бы я хотел, чтобы это было:
<ul>
<li><strong>My name:</strong> Sietse</li>
<li><strong>Country:</strong> The Netherlands</li>
</ul>
На моем веб-сайте есть много существующего контента, который размечен, как в первом примере, но есть ли способ динамически выбирать и стилизовать текст до (возможно, включая) двоеточия в LI, как показано во втором примере?
Обратите внимание, что я абсолютный новичок в jQuery или любом Javascript по этому вопросу.
Заранее спасибо.