javascript - idjqueryによってテキストをリンクに変換します

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が2倍以上ある場合は、何か問題があります。

あなたが探しているのはclassesです。

サンプルは次のとおりです。

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

そして、jQueryコード（他の回答よりもはるかに複雑ではありません）：

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

_{PS：「_blankに似た」コードに対するこの回答に感謝します。}

3 に答える 3