Я хочу поместить текст как ссылку внутри div.Как добавить текстовую ссылку внутри div с помощью jquery?
Например, я хочу разместить текст «Google» с гиперссылкой <a href="http://www.google.com" внутри div с идентификатором класса как «my-link».
Как это можно сделать, используя jquery или javascript?
Класс и идентификатор не совпадают.
Если ID попробовать это:
$('#my-link').html('<a href="http://www.google.com">Google</a>');
Demo with ID
Если класс попробовать это:
$('.my-link').html('<a href="http://www.google.com">Google</a>');
^
Demo with class
Если my-link класс целевого DIV затем
$('.my-link').html(function(idx, html){
return html.replace(/Google/g, '<a href="http://www.google.com">Google</a>')
})
Демо: Fiddle
Вы можете сделать это:
$('.my-link').html('<a href="http://www.google.com">Google</a>');
но было бы добавить гиперссылку на все .my-ссылка дивы, так что лучше добавить ID в div и используйте ID на jQuery код.
благодарит @Sergio за ваше решение, можете ли вы сделать js-скрипку, чтобы продемонстрировать его. Извините за мои навыки новичков: P, но не знаю, как это удобно размещать внутри моего html-документа. – user2773294
@ user2773294, только что добавил демо к моему ответу. – Sergio
еще раз спасибо @Sergio, я действительно нуждался в этом в соответствующем теге скрипта с необходимым jquery-lib-каналом, связанным с этим. Который я могу просто взять отсюда и поместить в свой заголовок документа. Я проверил js-скрипку, но появляется так же, как и здесь, помещая это внутри моего html-документа, не заставляет его работать. – user2773294