通过id jquery将文本转换为链接

Question

我想将纯文本转换为链接以获取我的输入。 HTML代码是：

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

因此，每次使用此ID的此输入都在页面上转换为可点击链接以在新页面中打开。

Answer 1

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

Answer 2

这样的事情：

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

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

将其放在文档就绪处理程序或正文末尾的脚本块中。

你没有说出你想要的链接文本是什么，所以我只是重复了这个工作演示中显示的网址：http://jsfiddle.net/khJx2/1/

将“target”属性指定为“_blank”将在新页面（或选项卡，具体取决于浏览器）中打开链接。删除它以打开它来代替当前页面。

Answer 3

ID必须是唯一的。如果你的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相似”。}