Перенести некоторые указанные слова с промежутком в jQuery?
Я хотел бы знать наиболее удобный способ перенести некоторые указанные слова с тегами span.
Пример: Я перебрасываюсь парой слов, который является собакой. Вот оригинальный текст:
I have a dog, do you have a dog?
И вывод должен быть похожим на это:
I have a <span class="highlight">dog</span>, do you have a <span class="highlight">dog</span>?
Какая-либо справка?
Править: Обратите внимание на то, что это должно также перенести слова, даже если они не invidual (Peter-собака). Надеюсь, что Вы получили его.
2 ответа
Вот полезный плагин jQuery .
Его действительно легко использовать, и он отлично работает.
править - это мой очень старый ответ. Я сожалею, что просто связал библиотеку Lettering.js без указания ее имени. Библиотека полезна , хотя я не уверен, что здесь, 7 лет спустя, г-н.Руперт продолжает его активно поддерживать.
Надписи проходят через текстовые узлы в выбранной области DOM и заключают отдельные буквы и / или слова (настраиваемые) в теги , которые затем могут быть стилизованы. Это просто, но эффективно. Даже если вы не хотите его использовать, код не очень обширный и учебный.
Вы можете использовать функцию замены JavaScript . Вот простой пример:
$('#container').html($('#container').html().replace(/(dog)/g,'<span class="highlight">$1</span>'));