javascript - jQuery - 文字列の一部を取得する

Question

JS/jQuery では、YouTube 埋め込みコードを削除して、SRC 値だけを表示する必要があります。これはどのように可能ですか？

埋め込みコード。例:

string = "<iframe width="630" height="354" src="https://www.youtube.com/embed/NYjPglsyYZA?rel=0" frameborder="0" allowfullscreen></iframe>"

と の間のすべてを取得しようとしていsrc="ます"。たぶん正規表現でできると思いますが、あまり確信が持てません...

どんな提案も素晴らしいでしょう。

Answer 1

試す ：

var str='<iframe width="630" height="354" src="https://www.youtube.com/embed/NYjPglsyYZA?rel=0" frameborder="0" allowfullscreen></iframe>'; 
var src = $(str).attr("src");

Answer 2

jQuery の場合:

$('iframe:first').attr('src');

プレーンな JavaScript では:

document.getElementsByTagName('iframe')[0].src;

---

アップデート

jQuery を使用して、文字列から始めます。

string = '<iframe width="630" height="354" src="https://www.youtube.com/embed/NYjPglsyYZA?rel=0" frameborder="0" allowfullscreen></iframe>';
var src = $(string).attr('src');

そしてjQueryなし：

string = '<iframe width="630" height="354" src="https://www.youtube.com/embed/NYjPglsyYZA?rel=0" frameborder="0" allowfullscreen></iframe>';
var div = document.createElement('div');
div.innerHTML = string;
var src = div.firstChild.src;

alert(src);

</p>

Answer 3

http://www.w3schools.com/jsref/jsref_match.asp

これを試して

var str='<iframe width="630" height="354" src="https://www.youtube.com/embed/NYjPglsyYZA?rel=0" frameborder="0" allowfullscreen></iframe>'; 
var n=str.match(/src="(.*)"/);
var result = n.substring(5,n.length()-1);