преобразовать текст в ссылку по идентификатору jquery

Question

Я хочу преобразовать текст в текст для ввода, который у меня есть. HTML-код:

<input type="text" value="http://www.test.com" id="url"> 

Таким образом, каждый раз, когда это вход с этим идентификатором на странице преобразуется в активную ссылку, чтобы открыть на новой странице.

Answer 1

Что-то вроде этого:

var $el = $("#url"), 
    url = $el.val(); 

$el.replaceWith($("<a />").attr({"href":url,"target":"_blank"}).html(url)); 

Место, что в документе готовый обработчик или в блоке сценария в конце тела.

Вы не сказали, что вы хотели текст ссылки, чтобы быть таким образом, я просто повторил URL, как показано в этой рабочей демонстрации: http://jsfiddle.net/khJx2/1/

Задание атрибута «целевой», как «_blank» будет откройте ссылку на новой странице (или вкладке, в зависимости от браузера). Удалите это, чтобы он был открыт вместо текущей страницы.

Answer 2

var href = $('#url').val(); 
$('#url').replaceWith('<a href="' + href + '">click text</a>') 

Answer 3

ID должны быть уникальными. Если у вас более двух раз одинаковый идентификатор, вы делаете что-то неправильно.

Что вы ищете, это class es.

Вот пример:

<input type="text" value="http://some.url" class="url"> 

И код JQuery (способ менее сложным, чем другие ответы):

$('.url').on('click', function() { 
    window.open(this.value); 
}); 

_{PS: благодаря this answer для "похож на _blank" код.}