Divの最初のリンクをJavascriptで取得

Question

divの最初のリンク（テキストタイプ）を取得する方法がわかりませんcontenteditable。私の本部で、私の値は次のとおりです。

<div id="content" contenteditable="true" value="http://google.com and other string but i only get the link"></div> 

は私だけhttp://google.com

を取得したいと値がhttp://google.com http://yahoo.comある場合に、第2の問題は、私は最初のリンクのみhttp://google.comを取得したいです。

div contenteditableのkeyupイベントでjqueryを使用します。あなたが私を助けることを願っています、ありがとう！私のコードの更新

：

$(document).ready(function() 
{ 
    $("#content").keyup(function(){ 
    var link = $("content").text(); 
    console.log(link); 
    }); 
} 

とhtml

<div id="content" contenteditable="true"></div> 

Answer 1

はコード次の点を考慮

$(document).ready(function() { 
    $("#content").keyup(function(){ 
    var link = $("#content").text().match(/(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9]\.[^\s]{2,})/i)[1]; 

    alert(link); 
    }); 
}); 

を私はいくつかの修正を行い、URLと一致する正規表現を追加しました。

DEMO