Как с помощью скрипта можно добавить ссылку к тексту?

282
15 декабря 2016, 16:24

Приветствую. Есть на сайте копирайт:

<p class="copyright">
        © 2015 . Все права защищены. Дизайн и разработка Bla-bla        </p>

Как в текст Bla-bla добавить ссылку не изменяя html структуру?

Answer 1

Не изменяя html нельзя, хотя можно его изменить с JavaScriptом:

var $p = $(".copyright"); 
$p.html($p.html().replace(/(Bla-bla)/, "<a href='url'>$1</a>"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<p class="copyright">© 2015 . Все права защищены. Дизайн и разработка Bla-bla </p>

Answer 2

Используя jQuery:

 $("p.copyright").html("© 2015 . Все права защищены. Дизайн и разработка Bla-bla <a href='http://www.yourlink.com'>Ваша ссылка<a/>");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<p class="copyright">© 2015 . Все права защищены. Дизайн и разработка Bla-bla</p>

READ ALSO
Верстка макета, простая задача, но мозг отказывается работать

Верстка макета, простая задача, но мозг отказывается работать

Доброго времени суток! То ли лето, то мне пора в отпуск, но что-то я заглумился с одним макетомДизайнеры люди творческие, и всякие штуки придумывают,...

214
Нужна помощь с формами action

Нужна помощь с формами action

У меня есть один файл например, indexphp, и там есть кнопка, и вот если кнопку нажать, то должно выйти index

236
Как подключить в проект иконки Bootstrap?

Как подключить в проект иконки Bootstrap?

Где нужно прописывать путь до иконок Bootstrap, чтобы они начали отображаться на HTML-страницеПодключаю так (предполагается, что слева на кнопке...

469
Появление блока при наведении на другой блок

Появление блока при наведении на другой блок

ЗдравствуйтеПодскажите как решить такую задачку

783