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

Question

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

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

因此，每次带有此 id 的输入在页面上转换为可点击链接以在新页面中打开。

score 2 · Accepted Answer

2

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

于 2012-06-18T11:57:12.253 回答

score 0 · Accepted Answer

像这样的东西：

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

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

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

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

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

score 0 · Accepted Answer

ID 必须是唯一的。如果您有超过两倍的相同 ID，则说明您做错了。

你要找的是classes。

这是一个示例：

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

和 jQuery 代码（比其他答案复杂得多）：

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

_{PS：感谢“类似于_blank”代码的这个答案。}

3 回答 3